diff --git a/.circleci/config.yml b/.circleci/config.yml index 0cb6119..8f2fb09 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -77,6 +77,7 @@ workflows: branches: only: - dev + - challenge-details-page # Production builds are exectuted only on tagged commits to the # master branch. diff --git a/src/App.jsx b/src/App.jsx index fd3326d..feaab36 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,20 +2,20 @@ * Main App component */ import React, { useLayoutEffect, useEffect, useRef } from "react"; -import { Router, useLocation, Redirect } from "@reach/router"; +import { Router, useLocation } from "@reach/router"; import { disableSidebarForRoute } from "@topcoder/micro-frontends-navbar-app"; import _ from "lodash"; import { usePreviousLocation } from "./utils/hooks"; -import Parcel from 'single-spa-react/parcel' -import { useSelector } from 'react-redux' -import ReactDOM from 'react-dom' +import Parcel from "single-spa-react/parcel"; +import { useSelector } from "react-redux"; +import ReactDOM from "react-dom"; import "./styles/main.scss"; -import Menu from './containers/Menu' +import Menu from "./containers/Menu"; const App = () => { - const menuVisible = useSelector(state => state.menu.show) + const menuVisible = useSelector((state) => state.menu.show); useLayoutEffect(() => { disableSidebarForRoute("/earn/*"); @@ -36,11 +36,19 @@ const App = () => { return ( <> - {menuVisible && ReactDOM.createPortal(, document.querySelector('#menu-id'))} + {menuVisible && + ReactDOM.createPortal(, document.querySelector("#menu-id"))} - System.import('@topcoder/micro-frontends-challenges-app')} /> - System.import('@topcoder/micro-frontends-gigs-app')} /> - + + System.import("@topcoder/micro-frontends-challenges-app") + } + /> + System.import("@topcoder/micro-frontends-gigs-app")} + /> );