Feature: create stats dashboard page

package.json

@@ -18,6 +18,8 @@
     "@rebass/grid": "^6.0.0-7",
     "@sentry/react": "^5.30.0",
     "@sentry/tracing": "^5.30.0",
+    "@types/d3-scale": "^4.0.2",
+    "@types/d3-shape": "^3.0.2",
     "@types/react-burger-menu": "^2.6.0",
     "@types/styled-jsx": "^2.2.8",
     "ajv": "^6.7.0",
@@ -43,6 +45,7 @@
     "react-router-dom": "^5.1.5",
     "react-scripts": "^3.4.1",
     "react-select": "^2.3.0",
+    "recharts": "^1.4.2",
     "react-table": "^6.8.6",
     "react-toastify": "^7.0.4",
     "styled-components": "^4.1.3",
@@ -69,6 +72,7 @@
     "@types/react-select": "^2.0.11",
     "@types/react-table": "^6.7.21",
     "@types/react-virtualized-select": "^3.0.7",
+    "@types/recharts": "^1.1.6",
     "@types/rebass__grid": "^6.0.2",
     "@types/styled-components": "^4.1.6",
     "@types/yup": "^0.26.7",

src/App.tsx

@@ -7,6 +7,7 @@ import ConfirmAccountPage from './pages/Account/Confirm';
 import CreateAccountPage from './pages/Account/Create';
 import EditAccountPage from './pages/Account/Edit';
 import AdminSearchPage from './pages/Admin/Search';
+import AdminStatsPage from './pages/Admin/Stats';
 import SettingsPage from './pages/Admin/Settings';
 import ConfirmAttendancePage from './pages/Application/Confirm';
 import CreateApplicationPage from './pages/Application/Create';
@@ -263,6 +264,22 @@ class App extends React.Component {
                   )
                 )}
             />
+            <Route
+              exact={true}
+              path={FrontendRoute.ADMIN_STATS_PAGE}
+              component={
+                withBackground(
+                  withNavbar(
+                    withAuthRedirect(AdminStatsPage, {
+                      requiredAuthState: true,
+                      redirAfterLogin: true,
+                      AuthVerification: (user: IAccount) =>
+                        user.confirmed && user.accountType === UserType.STAFF,
+                    }),
+                    { activePage: 'stats' }
+                  )
+                )}
+            />
             <Route
               exact={true}
               path={FrontendRoute.SETTINGS_PAGE}