Move dashboard to subroute

Author: jkettmann

config/routes.tsx

@@ -1,7 +1,8 @@
 export const Routes = {
-  projects: "/",
-  issues: "/issues",
-  alerts: "/alerts",
-  users: "/users",
-  settings: "/settings",
+  home: "/",
+  projects: "/dashboard/",
+  issues: "/dashboard/issues",
+  alerts: "/dashboard/alerts",
+  users: "/dashboard/users",
+  settings: "/dashboard/settings",
 };

pages/alerts.tsx renamed to pages/dashboard/alerts.tsx

@@ -0,0 +1,16 @@
+import type { NextPage } from "next";
+import { PageContainer } from "@features/ui";
+import { ProjectList } from "@features/projects";
+
+const Home: NextPage = () => {
+  return (
+    <PageContainer
+      title="Projects"
+      info="Overview of your projects sorted by alert level."
+    >
+      <ProjectList />
+    </PageContainer>
+  );
+};
+
+export default Home;

pages/dashboard/index.tsx

@@ -1,16 +1,24 @@
+import { Routes } from "@config/routes";
+import styled from "styled-components";
 import type { NextPage } from "next";
-import { PageContainer } from "@features/ui";
-import { ProjectList } from "@features/projects";
 
-const Home: NextPage = () => {
+const Header = styled.header`
+  width: 100%;
+  height: 80px;
+  padding: 0 2rem;
+  display: flex;
+  align-items: center;
+  background: white;
+`;
+
+const IssuesPage: NextPage = () => {
   return (
-    <PageContainer
-      title="Projects"
-      info="Overview of your projects sorted by alert level."
-    >
-      <ProjectList />
-    </PageContainer>
+    <div>
+      <Header>
+        <a href={Routes.projects}>Open Dashboard</a>
+      </Header>
+    </div>
   );
 };
 
-export default Home;
+export default IssuesPage;