Pop up menu on selected routes (#43)

Author: ram2091999

src/app/components/Authentication/Login.tsx

@@ -1,6 +1,7 @@
 import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { API_BASE_URL } from 'app/../config/config';
+import PopUpMenu from 'app/components/PopUpMenu';
 import { Routes } from 'app/routes';
 import * as styles from 'app/styles/Authentication.module.css';
 import * as registerStyles from 'app/styles/Register.module.css';
@@ -226,6 +227,7 @@ export class Login extends React.Component<LoginInterfaces.Props, LoginInterface
             </div>
           </Col>
         </Row>
+        <PopUpMenu />
       </div>
     );
   }

src/app/components/Authentication/Register.tsx

@@ -1,6 +1,7 @@
 import { faChevronCircleLeft, faChevronCircleRight } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RECAPTCHA_SITE_KEY } from 'app/../config/config';
+import PopUpMenu from 'app/components/PopUpMenu';
 import { Routes } from 'app/routes';
 import * as authStyles from 'app/styles/Authentication.module.css';
 import * as registerStyles from 'app/styles/Register.module.css';
@@ -546,6 +547,7 @@ export class Register extends React.Component<RegisterInterfaces.Props, Register
             </div>
           </Col>
         </Row>
+        <PopUpMenu />
       </div>
     );
   }

src/app/components/UserProfileModal/index.tsx

@@ -1,3 +1,4 @@
+import PopUpMenu from 'app/components/PopUpMenu';
 import { EditPassword } from 'app/components/UserProfileModal/EditPassword';
 import { EditProfile } from 'app/components/UserProfileModal/EditProfile';
 import * as styles from 'app/styles/UserProfileModal.module.css';
@@ -103,6 +104,7 @@ export class UserProfileModal extends React.Component<
             )}
           </Row>
         ) : null}
+        <PopUpMenu />
       </Grid>
     );
   }

src/app/index.tsx

@@ -1,4 +1,3 @@
-import PopUpMenu from 'app/components/PopUpMenu';
 import Login from 'app/containers/Authentication/Login';
 import Register from 'app/containers/Authentication/Register';
 import Dashboard from 'app/containers/Dashboard';
@@ -25,7 +24,6 @@ export const App = hot(module)(() => (
       <Route exact path={Routes.LEADERBOARD} component={Leaderboard} />
       <Route exact path={Routes.USER_PROFILE_MODEL} component={UserProfileModal} />
     </Switch>
-    <PopUpMenu />
     <Sugar background="#484848" color="white" />
   </BrowserRouter>
 ));