From eb665440e5ec88b8b94e0a4b9deaf103fc3f3cdf Mon Sep 17 00:00:00 2001
From: Jeffery <61447509+jeffplays2005@users.noreply.github.com>
Date: Fri, 4 Oct 2024 23:06:59 +1300
Subject: [PATCH] Add admin events route (#790)

* Add admin events route

* Remove views in events view

Not implemented yet

* Add work in progress to admin events page
---
 client/src/app/admin/events/page.tsx             | 16 ++++++++++++++++
 .../composite/Admin/AdminNavbar/AdminNavbar.tsx  |  5 ++++-
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 client/src/app/admin/events/page.tsx

diff --git a/client/src/app/admin/events/page.tsx b/client/src/app/admin/events/page.tsx
new file mode 100644
index 000000000..0ac361375
--- /dev/null
+++ b/client/src/app/admin/events/page.tsx
@@ -0,0 +1,16 @@
+"use client"
+
+import WorkInProgressComponent from "@/components/generic/WorkInProgressComponent/WorkInProgressComponent"
+import { AdminHeading } from "../AdminHeading"
+
+export default function AdminEventsPage() {
+  return (
+    <>
+      <AdminHeading title="Events" />
+      <div className="fixed flex h-screen w-full flex-col items-center justify-center gap-4">
+        <WorkInProgressComponent pageName="Admin Events" />
+        <p className="text-light-blue-100">Work in progress</p>
+      </div>
+    </>
+  )
+}
diff --git a/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx b/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx
index d167527b5..3e897704c 100644
--- a/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx
+++ b/client/src/components/composite/Admin/AdminNavbar/AdminNavbar.tsx
@@ -16,7 +16,7 @@ const Exit = () => {
 const AdminNavbar = () => {
   return (
     <div
-      className="top-13 fixed  z-[99] flex h-[46px] w-screen 
+      className="top-13 fixed  z-[99] flex h-[46px] w-screen
       items-center overflow-hidden border bg-white"
     >
       <span className="relative flex w-full items-center px-4 md:pl-28">
@@ -27,6 +27,9 @@ const AdminNavbar = () => {
           <WrappedTab mobileCompatiability={false} to="/admin/bookings">
             bookings
           </WrappedTab>
+          <WrappedTab mobileCompatiability={false} to="/admin/events">
+            events
+          </WrappedTab>
           <WrappedTab mobileCompatiability={false} to="/admin/availability">
             availability
           </WrappedTab>