fix: card modals

fspoettel · Jun 20, 2024 · 6c4b4dd · 6c4b4dd
1 parent 0204c38
commit 6c4b4dd
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/src/pages/browse/browse.tsx b/src/pages/browse/browse.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 
 import { CardList } from "@/components/card-list/card-list";
+import { CardModalProvider } from "@/components/card-modal/card-modal-context";
 import { Filters } from "@/components/filters/filters";
 import { ListLayout } from "@/layouts/list-layout";
 import { useStore } from "@/store";
@@ -23,13 +24,15 @@ function Browse() {
   if (!isInitalized || !activeListId?.startsWith("browse")) return null;
 
   return (
-    <ListLayout
-      filters={<Filters />}
-      sidebar={<DeckCollection />}
-      sidebarWidthMax="var(--sidebar-width-one-col)"
-    >
-      {(props) => <CardList {...props} />}
-    </ListLayout>
+    <CardModalProvider>
+      <ListLayout
+        filters={<Filters />}
+        sidebar={<DeckCollection />}
+        sidebarWidthMax="var(--sidebar-width-one-col)"
+      >
+        {(props) => <CardList {...props} />}
+      </ListLayout>
+    </CardModalProvider>
   );
 }
 

diff --git a/src/pages/deck-create/deck-create.tsx b/src/pages/deck-create/deck-create.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { useParams } from "wouter";
 
+import { CardModalProvider } from "@/components/card-modal/card-modal-context";
 import { useStore } from "@/store";
 import { useDocumentTitle } from "@/utils/use-document-title";
 
@@ -22,7 +23,11 @@ function DeckCreate() {
     };
   }, [code, initialize, destroy]);
 
-  return deckCreate ? <DeckCreateInner /> : null;
+  return deckCreate ? (
+    <CardModalProvider>
+      <DeckCreateInner />
+    </CardModalProvider>
+  ) : null;
 }
 
 export default DeckCreate;