refactor: move room provider to providers folder

ladunjexa · ladunjexa · commit 96125fa58a21 · 2024-05-09T08:48:41.000+03:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,7 +3,7 @@ import type { Metadata } from "next";
 import { Work_Sans as WorkSans } from "next/font/google";
 
 import "./globals.css";
-import { Room } from "./Room";
+import RoomProvider from "@/providers/room-provider";
 
 const workSans = WorkSans({
   subsets: ["latin"],
@@ -26,7 +26,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={`${workSans.className} bg-primary-grey-200`}>
-        <Room>{children}</Room>
+        <RoomProvider>{children}</RoomProvider>
       </body>
     </html>
   );
diff --git a/providers/room-provider.tsx b/providers/room-provider.tsx
@@ -1,14 +1,14 @@
 "use client";
 
 import { ReactNode } from "react";
-import { RoomProvider } from "../liveblocks.config";
+import { RoomProvider as LiveblockRoomProvider } from "../liveblocks.config";
 import { ClientSideSuspense } from "@liveblocks/react";
 import { LiveMap } from "@liveblocks/client";
 import Loader from "@/components/layout/loader";
 
-export function Room({ children }: { children: ReactNode }) {
+export default function RoomProvider({ children }: { children: ReactNode }) {
   return (
-    <RoomProvider
+    <LiveblockRoomProvider
       id="fabric-canvas"
       initialPresence={{
         cursor: null,
@@ -21,6 +21,6 @@ export function Room({ children }: { children: ReactNode }) {
       }}
     >
       <ClientSideSuspense fallback={<Loader />}>{() => children}</ClientSideSuspense>
-    </RoomProvider>
+    </LiveblockRoomProvider>
   );
 }
