Fixed confirm email component flashing when navigating to homepage

docs/CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Login button flashing when navigating to new tab
+- Confirm email component flashing when navigating to home page
 
 ## [2.0.3](https://github.com/hackmcgill/dashboard/tree/2.0.3) - 2019-12-28
 

src/features/Dashboard/HackerDashboard.tsx

@@ -10,6 +10,7 @@ export interface IDashboardState {
   account: IAccount;
   status: HackerStatus;
   confirmed: boolean;
+  loaded: boolean;
 }
 
 class HackerDashboardContainer extends React.Component<{}, IDashboardState> {
@@ -19,6 +20,7 @@ class HackerDashboardContainer extends React.Component<{}, IDashboardState> {
       account: Object(),
       status: HackerStatus.HACKER_STATUS_NONE,
       confirmed: false,
+      loaded: false,
     };
   }
   public async componentDidMount() {
@@ -50,9 +52,11 @@ class HackerDashboardContainer extends React.Component<{}, IDashboardState> {
     } catch (e) {
       this.setState({ confirmed });
     }
+    this.setState({ loaded: true });
   }
   public render() {
-    return <StatusPage {...this.state} />;
+    // this will prevent loading the default confirm email component page if the componentDidMount has not finished it's async methods
+    return this.state.loaded ? <StatusPage {...this.state} /> : null;
   }
 }
 

src/features/Status/StatusPage.tsx

@@ -10,7 +10,6 @@ import {
   LinkDuo,
   Paragraph,
 } from '../../shared/Elements';
-// import Sidebar from '../Sidebar/Sidebar';
 
 import {
   FrontendRoute,