changed data structure to fetch spaces

3 files changed, 20 insertions, 17 deletions

diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index c25de8c7..221ce2b4 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -61,13 +61,9 @@ export default async function Home() {
     .where(eq(storedContent.user, userData.id))
     .all();
 
-  console.log(contents);
-
   const collectedSpaces =
     contents.length > 0 ? await transformContent(contents) : [];
 
-  console.log('collected', collectedSpaces);
-
   return (
     <div className="flex w-screen">
       <Sidebar selectChange={setSelectedItem} spaces={collectedSpaces} />
diff --git a/apps/web/src/app/ui/content.tsx b/apps/web/src/app/ui/content.tsx
new file mode 100644
index 00000000..8bfebcb9
--- /dev/null
+++ b/apps/web/src/app/ui/content.tsx
@@ -0,0 +1,15 @@
+"use client";
+import Main from "@/components/Main";
+import Sidebar from "@/components/Sidebar/index";
+import { useState } from "react";
+
+export default function Content() {
+  const [selectedItem, setSelectedItem] = useState<string | null>(null);
+
+  return (
+    <div className="flex w-screen">
+      <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 b19aa4e0..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>
   );
 }