[frontend] display uesr's online status!!!

usatie · Feb 11, 2024 · e46653c · e46653c
1 parent 15990b6
commit e46653c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
@@ -13,6 +13,7 @@ import { Toaster } from "@/components/ui/toaster";
 import { getMe } from "@/app/lib/actions";
 import { JwtPayload } from "@/app/lib/dtos";
 import { OnlineProviders } from "./onlineProviders";
+import Nav from "./ui/nav";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -45,7 +46,10 @@ export default async function RootLayout({
         >
           <AuthProvider payload={payload as JwtPayload} user={user}>
             <Toaster />
-            <OnlineProviders>{children}</OnlineProviders>
+            <div className="flex flex-col px-16 h-[100vh]">
+              <Nav />
+              <OnlineProviders>{children}</OnlineProviders>
+            </div>
           </AuthProvider>
         </ThemeProvider>
       </body>

diff --git a/frontend/app/onlineProviders.tsx b/frontend/app/onlineProviders.tsx
@@ -2,17 +2,13 @@
 
 import { useOnlineStatus } from "./lib/hooks/useOnlineStatus";
 import SocketProvider, { OnlineContext } from "./lib/client-socket-provider";
-import Nav from "./ui/nav";
 
 export function OnlineProviders({ children }: { children: React.ReactNode }) {
   const { onlineStatus, setOnlineStatus } = useOnlineStatus();
   return (
     <>
       <OnlineContext.Provider value={onlineStatus}>
-        <div className="flex flex-col px-16 h-[100vh]">
-          <Nav />
-          {children}
-        </div>
+        {children}
         <SocketProvider setOnlineStatus={setOnlineStatus} />
       </OnlineContext.Provider>
     </>