From fd2550cf95981e8b6e7d82f28128e3ee43aba586 Mon Sep 17 00:00:00 2001
From: Sinan <muhammedsinan7749@gmail.com>
Date: Sat, 24 Aug 2024 07:49:44 +0530
Subject: [PATCH] navbar validation updated

---
 client/app/staff/layout.tsx  |  5 ++++
 client/app/staff/page.tsx    | 57 ++++++++++++++++++++++++------------
 client/components/NavBar.tsx |  2 +-
 3 files changed, 44 insertions(+), 20 deletions(-)

diff --git a/client/app/staff/layout.tsx b/client/app/staff/layout.tsx
index 30398bc0..4cf49023 100644
--- a/client/app/staff/layout.tsx
+++ b/client/app/staff/layout.tsx
@@ -1,8 +1,13 @@
 import React from "react";
 import SideBar from "@/components/SideBar";
+import { Metadata } from "next";
 
 interface AdminLayoutWrapperProps {
   children: React.ReactNode;
+};
+
+export const metadata:Metadata = {
+  title:"Dashboard"
 }
 
 const AdminLayoutWrapper: React.FC<AdminLayoutWrapperProps> = ({ children }) => {
diff --git a/client/app/staff/page.tsx b/client/app/staff/page.tsx
index 6a25c02f..ea1d41fc 100644
--- a/client/app/staff/page.tsx
+++ b/client/app/staff/page.tsx
@@ -1,28 +1,47 @@
-import React from 'react';
+import React from "react";
 
 const Dashboard = () => {
   return (
-    <div className="flex flex-col h-full w-full p-2 md:p-10">
-      <div className="flex flex-col gap-2 flex-1 rounded-tl-2xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900">
-        <div className="flex gap-2 mb-4">
-          {[...new Array(4)].map((_, i) => (
-            <div
-              key={`first-array-${i}`}
-              className="h-20 w-full rounded-lg bg-gray-100 dark:bg-neutral-800 animate-pulse"
-            ></div>
-          ))}
-        </div>
-        <div className="flex gap-2 flex-1">
-          {[...new Array(2)].map((_, i) => (
-            <div
-              key={`second-array-${i}`}
-              className="h-full w-full rounded-lg bg-gray-100 dark:bg-neutral-800 animate-pulse"
-            ></div>
-          ))}
+    <main className="lex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6">
+      <div className="flex items-center">
+        <h1 className="text-lg font-semibold md:text-2xl">Dashboard</h1>
+      </div>
+      <div className="flex flex-1 items-center justify-center rounded-lg shadow-sm">
+        <div className="flex flex-col items-center gap-1 text-center">
+          
         </div>
       </div>
-    </div>
+    </main>
   );
 };
 
 export default Dashboard;
+
+
+
+
+
+
+
+
+
+
+
+// import React from "react";
+
+// const Dashboard = () => {
+//   return (
+//     <main className="lex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6">
+//       <div className="flex items-center">
+//         <h1 className="text-lg font-semibold md:text-2xl">Dashboard</h1>
+//       </div>
+//       <div className="flex flex-1 items-center justify-center rounded-lg shadow-sm">
+//         <div className="flex flex-col items-center gap-1 text-center">
+          
+//         </div>
+//       </div>
+//     </main>
+//   );
+// };
+
+// export default Dashboard;
diff --git a/client/components/NavBar.tsx b/client/components/NavBar.tsx
index 516689c9..bed39550 100644
--- a/client/components/NavBar.tsx
+++ b/client/components/NavBar.tsx
@@ -19,7 +19,7 @@ import { usePathname } from "next/navigation";
 export const NavBar = () => {
   const path = usePathname();
 
-  if(path.includes('signup')|| path.includes('staff')||  path.includes('signin') || []){
+  if(path.includes('signup')|| path.includes('staff')||  path.includes('signin') ){
     return null;
   }