add context and fix sidebar

2 files changed, 7 insertions, 15 deletions

diff --git a/apps/web/src/app/ui/content.tsx b/apps/web/src/app/ui/content.tsx
index 16f66394..8bfebcb9 100644
--- a/apps/web/src/app/ui/content.tsx
+++ b/apps/web/src/app/ui/content.tsx
@@ -4,11 +4,11 @@ import Sidebar from "@/components/Sidebar/index";
 import { useState } from "react";
 
 export default function Content() {
-  const [selectedItem, setSelectedItem] = useState<string | null>();
+  const [selectedItem, setSelectedItem] = useState<string | null>(null);
 
   return (
     <div className="flex w-screen">
-      {/* <Sidebar selectChange={setSelectedItem} /> */}
+      <Sidebar selectChange={setSelectedItem} />
       <Main sidebarOpen={selectedItem !== null} />
     </div>
   );
diff --git a/apps/web/src/app/ui/page.tsx b/apps/web/src/app/ui/page.tsx
index ec1998b6..35175334 100644
--- a/apps/web/src/app/ui/page.tsx
+++ b/apps/web/src/app/ui/page.tsx
@@ -1,18 +1,10 @@
-import Main from "@/components/Main";
-import Sidebar from "@/components/Sidebar/index";
-import { cookies } from "next/headers";
+import { MemoryProvider } from "@/contexts/MemoryContext";
+import Content from "./content";
 
 export default function Home() {
-  const selectedItem = cookies().get("selectedItem")?.value;
-  const setSelectedItem = async (selectedItem: string | null) => {
-    "use server";
-    cookies().set("selectedItem", selectedItem!);
-  };
-
   return (
-    <div className="flex w-screen">
-      {/* <Sidebar selectChange={setSelectedItem} spaces={spaces} /> */}
-      <Main sidebarOpen={selectedItem !== null} />
-    </div>
+    <MemoryProvider spaces={[]}>
+      <Content />
+    </MemoryProvider>
   );
 }