Conditional rendering of sidebar

Author: izzhafeez

frontend/src/app/(auth)/layout.tsx

@@ -111,7 +111,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
 
   return (
     <div className="flex h-full overflow-y-auto">
-      <Sidebar
+      {token && <Sidebar
         className="sticky top-0 h-screen"
         rootStyles={{
           borderColor: "#171C28",
@@ -149,7 +149,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
           </Menu>
           }
         </div>
-      </Sidebar>
+      </Sidebar>}
       <div className="w-full overflow-y-scroll">{children}</div>
     </div>
   );