fix: modal visibility

src/components/ContainerComponents/ViewContainer/HomeViewContainer.tsx

@@ -10,7 +10,6 @@ import { AppContext } from 'components/Contexts/AppContextProvider'
 import MultliFluidIndicatorsContainer from 'components/ContainerComponents/IndicatorsContainer/MultiFluidIndicatorsContainer'
 import ChallengeCardContainer from 'components/ContainerComponents/ChallengeCardContainer/ChallengeCardContainer'
 import KonnectorViewerContainer from 'components/ContainerComponents/KonnectorViewerContainer/KonnectorViewerContainer'
-import WelcomeModalContainer from '../WelcomeModalContainer/WelcomeModalContainer'
 
 const HomeViewContainer: React.FC = () => {
   const [timeStep, setTimeStep] = useState<TimeStep>(20)
@@ -44,7 +43,6 @@ const HomeViewContainer: React.FC = () => {
 
   return (
     <React.Fragment>
-      <WelcomeModalContainer />
       <CozyBar />
       {fluidTypes && fluidTypes.length > 0 ? (
         <>

src/components/ContainerComponents/ViewContainer/ViewContainer.tsx

@@ -18,6 +18,7 @@ import OngoingChallengeDetailsViewContainer from './OngoingChallengeDetailsViewC
 import LockedChallengeDetailsViewContainer from './LockedChallengeDetailsViewContainer'
 import AvailableChallengeDetailsViewContainer from './AvailableChallengeDetailsViewContainer'
 import SplashContainer from 'components/ContainerComponents/SplashContainer/SplashContainer'
+import WelcomeModalContainer from '../WelcomeModalContainer/WelcomeModalContainer'
 
 export const history = createBrowserHistory()
 
@@ -28,6 +29,7 @@ export const ViewContainer = () => {
         <AppContextProvider>
           <Navbar />
           <Main>
+            <WelcomeModalContainer />
             <Content className="app-content">
               <ScrollToTop>
                 <Switch>