add tabs test page

mairisb · Dec 28, 2023 · 50b838f · 50b838f
1 parent 627ebd5
commit 50b838f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/packages/client/src/app/app.tsx b/packages/client/src/app/app.tsx
@@ -10,6 +10,7 @@ import { ProfilePage } from '../pages/profile/profile.page';
 import { RegisterPage } from '../pages/register/register.page';
 import { NavigationBar } from './navigation-bar/navigation-bar';
 import { observer } from 'mobx-react-lite';
+import { TabsTestPage } from '../pages/tabs-test/tabs-test.page';
 
 export const App: React.FC = observer(() => {
   return (
@@ -24,6 +25,7 @@ export const App: React.FC = observer(() => {
           <Route path="/game" element={<GamePage />} />
           <Route path="/host" element={<HostPage />} />
           <Route path="/browse" element={<BrowsePage />} />
+          <Route path="/tabs-test" element={<TabsTestPage />} />
         </Routes>
       </Container>
     </div>

diff --git a/packages/client/src/app/navigation-bar/navigation-bar.tsx b/packages/client/src/app/navigation-bar/navigation-bar.tsx
@@ -43,6 +43,9 @@ export const NavigationBar: React.FC = observer(() => {
           <Nav.Link as={Link} to="/game">
             Game
           </Nav.Link>
+          <Nav.Link as={Link} to="/tabs-test">
+            Tabs Test
+          </Nav.Link>
         </Nav>
         <Navbar.Collapse className="justify-content-end">
           <Nav>

diff --git a/packages/client/src/pages/tabs-test/tabs-test.page.tsx b/packages/client/src/pages/tabs-test/tabs-test.page.tsx
@@ -0,0 +1,10 @@
+import { observer } from 'mobx-react-lite';
+import { Page } from '../page';
+
+export const TabsTestPage: React.FC = observer(() => {
+  return (
+    <Page title="Tabs Test">
+      <p>This is the tabs test page</p>
+    </Page>
+  );
+});