Added a trainspace page for a new page implementation

Specifically, initialized a trainspace.tsx file for the new page implementation, and connected the trainspace page to the navbar component to allow for the navbar to be displayed within the page.
DSGT-DLP · Dec 26, 2023 · 15e26f8 · 15e26f8
1 parent 32cd089
commit 15e26f8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/frontend/src/common/components/NavBarMain.tsx b/frontend/src/common/components/NavBarMain.tsx
@@ -100,6 +100,11 @@ const NavbarMain = () => {
                 display: { xs: "none", md: "flex", justifyContent: "right" },
               }}
             >
+              <Grid item>
+                <Link href="/trainspace" passHref className="nav-link">
+                  TrainSpace
+                </Link>
+              </Grid>
               <Grid item>
                 {isSignedIn(user) ? (
                   <Link href="/train" passHref className="nav-link">

diff --git a/frontend/src/pages/trainspace.tsx b/frontend/src/pages/trainspace.tsx
@@ -0,0 +1,13 @@
+import NavbarMain from "@/common/components/NavBarMain";
+import React from "react";
+
+const TrainSpace = () => {
+    return (
+      <div>
+        <NavbarMain />
+        <h1>Welcome to TrainSpace</h1>
+      </div>
+    );
+  };
+
+  export default TrainSpace;