feat(website): add report to its own page, make room for landing page

vst · Mar 30, 2024 · 109d778 · 109d778
1 parent 03d2f53
commit 109d778
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 19 deletions.
diff --git a/website/src/app/layout.tsx b/website/src/app/layout.tsx
@@ -1,5 +1,8 @@
+import Header from '@/components/header';
 import type { Metadata } from 'next';
 import { JetBrains_Mono } from 'next/font/google';
+import { ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
 import './globals.css';
 import { Providers } from './providers';
 
@@ -18,7 +21,13 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={`bg-gray-50 ${font.className}`}>
-        <Providers>{children}</Providers>
+        <Providers>
+          <main className="flex min-h-screen flex-col items-center justify-start">
+            <Header />
+            <div className="flex w-full flex-grow">{children}</div>
+            <ToastContainer autoClose={2000} />
+          </main>
+        </Providers>
       </body>
     </html>
   );

diff --git a/website/src/app/page.tsx b/website/src/app/page.tsx
@@ -1,19 +1,18 @@
-import { AppMain } from '@/components/app';
-import Header from '@/components/header';
-import { ToastContainer } from 'react-toastify';
+import Link from 'next/link';
 
-import 'react-toastify/dist/ReactToastify.css';
-
-export default function Home() {
+export default function Page() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-start">
-      <Header />
-
-      <div className="flex w-full flex-grow">
-        <AppMain />
+    <div className="flex w-full flex-col items-center justify-center">
+      <div>
+        <p>Landing page is coming soon...</p>
+        <p>
+          Check{' '}
+          <Link href="/report" className="font-bold text-blue-500">
+            report
+          </Link>{' '}
+          page.
+        </p>
       </div>
-
-      <ToastContainer autoClose={2000} />
-    </main>
+    </div>
   );
 }
diff --git a/website/src/app/report/page.tsx b/website/src/app/report/page.tsx
@@ -0,0 +1,5 @@
+import { AppMain } from '@/components/app';
+
+export default function Page() {
+  return <AppMain />;
+}
diff --git a/website/src/components/header.tsx b/website/src/components/header.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import { Link } from '@nextui-org/link';
 import {
   Navbar,
   NavbarBrand,
@@ -10,6 +9,7 @@ import {
   NavbarMenuItem,
   NavbarMenuToggle,
 } from '@nextui-org/navbar';
+import Link from 'next/link';
 import { useState } from 'react';
 
 export default function Header() {
@@ -27,22 +27,47 @@ export default function Header() {
         <p className="font-mono text-2xl font-bold tracking-widest text-inherit">lhp</p>
       </NavbarBrand>
 
-      <NavbarContent className="hidden gap-4 text-sm sm:flex" justify="center">
+      <NavbarContent className="hidden md:flex" justify="center">
         <NavbarItem>Lazy Hacker&apos;s Linux Host Patrol</NavbarItem>
       </NavbarContent>
 
       <NavbarContent justify="end">
-        <NavbarItem className="hidden lg:flex">
+        <NavbarItem className="hidden sm:flex">
+          <Link href="/" className="w-full">
+            Home
+          </Link>
+        </NavbarItem>
+
+        <NavbarItem className="hidden sm:flex">
+          <Link href="/report" className="w-full">
+            Report
+          </Link>
+        </NavbarItem>
+
+        <NavbarItem className="hidden sm:flex">
           <Link href="https://github.com/vst/lhp" className="w-full">
             GitHub
           </Link>
         </NavbarItem>
+
         <NavbarMenuToggle aria-label={isMenuOpen ? 'Close menu' : 'Open menu'} className="sm:hidden" />
       </NavbarContent>
 
       <NavbarMenu>
         <NavbarMenuItem>
-          <Link href="https://github.com/vst/lhp" className="w-full" size="lg">
+          <Link href="/" className="w-full">
+            Home
+          </Link>
+        </NavbarMenuItem>
+
+        <NavbarMenuItem>
+          <Link href="/report" className="w-full">
+            Report
+          </Link>
+        </NavbarMenuItem>
+
+        <NavbarMenuItem>
+          <Link href="https://github.com/vst/lhp" className="w-full">
             GitHub
           </Link>
         </NavbarMenuItem>