client/src/components/Container/Container.js
// Container Component is used to house Router functionality and give child components/pages access to Global Stores
Container Component is used to house Router functionality and give child components/pages access to Global Stores
Container Component is used to house Router functionality and give child components / pages access to Global Stores
function Container(props) {
  return (
    <div>
      <UserStore>
        <GroupStore>
          <CurrentGroupStore>
            <CurrentSubGroupStore>
              <div>
                <Router>
                  <Switch>
                    <Route exact path="/">
                      <Login />
                    </Route>
                    <Route exact path="/signup">
                      <SignUp />
                    </Route>
                    <div className="app">
                      <Route exact path="/user/:username/:group">
                        <Group
                          logOutUser={props.logOutUser}
                          socket={props.socket}
                        />
                      </Route>
                      <Route exact path="/user/:username">
                        <User logOutUser={props.logOutUser} />
                      </Route>
                    </div>
                  </Switch>
                </Router>
              </div>
            </CurrentSubGroupStore>
          </CurrentGroupStore>
        </GroupStore>
      </UserStore>
    </div>
  );
}
function Container ( props ) { return ( < div > < UserStore > < GroupStore > < CurrentGroupStore > < CurrentSubGroupStore > < div > < Router > < Switch > < Route exact path = "/" > < Login / > < / Route > < Route exact path = "/signup" > < SignUp / > < / Route > < div className = "app" > < Route exact path = "/user/:username/:group" > < Group logOutUser = { props . logOutUser } socket = { props . socket } / > < / Route > < Route exact path = "/user/:username" > < User logOutUser = { props . logOutUser } / > < / Route > < / div > < / Switch > < / Router > < / div > < / CurrentSubGroupStore > < / CurrentGroupStore > < / GroupStore > < / UserStore > < / div > ) ; }
Container Component is used to house Router functionality and give child components/pages access to Global Stores
Container Component is used to house Router functionality and give child components / pages access to Global Stores