changed data structure to fetch spaces

1 files changed, 39 insertions, 0 deletions

diff --git a/apps/web/src/contexts/MemoryContext.tsx b/apps/web/src/contexts/MemoryContext.tsx
new file mode 100644
index 00000000..6d84f95e
--- /dev/null
+++ b/apps/web/src/contexts/MemoryContext.tsx
@@ -0,0 +1,39 @@
+"use client";
+import React, { useCallback } from "react";
+import { CollectedSpaces } from "../../types/memory";
+
+// temperory (will change)
+export const MemoryContext = React.createContext<{
+  spaces: CollectedSpaces[];
+  addSpace: (space: CollectedSpaces) => Promise<void>;
+}>({
+  spaces: [],
+  addSpace: async (space) => {},
+});
+
+export const MemoryProvider: React.FC<
+  { spaces: CollectedSpaces[] } & React.PropsWithChildren
+> = ({ children, spaces: initalSpaces }) => {
+  const [spaces, setSpaces] = React.useState<CollectedSpaces[]>(initalSpaces);
+
+  const addSpace = useCallback(
+    async (space: CollectedSpaces) => {
+      setSpaces((prev) => [...prev, space]);
+    },
+    [spaces],
+  );
+
+  return (
+    <MemoryContext.Provider value={{ spaces, addSpace }}>
+      {children}
+    </MemoryContext.Provider>
+  );
+};
+
+export const useMemory = () => {
+  const context = React.useContext(MemoryContext);
+  if (context === undefined) {
+    throw new Error("useMemory must be used within a MemoryProvider");
+  }
+  return context;
+};