feature(web): Add support for removing items from lists

1 files changed, 15 insertions, 12 deletions

diff --git a/apps/web/app/dashboard/lists/[listId]/page.tsx b/apps/web/app/dashboard/lists/[listId]/page.tsx
index f28d94b1..bac2b5c7 100644
--- a/apps/web/app/dashboard/lists/[listId]/page.tsx
+++ b/apps/web/app/dashboard/lists/[listId]/page.tsx
@@ -1,6 +1,7 @@
 import { notFound, redirect } from "next/navigation";
 import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
 import DeleteListButton from "@/components/dashboard/lists/DeleteListButton";
+import { BookmarkListContextProvider } from "@/lib/hooks/list-context";
 import { api } from "@/server/api/client";
 import { getServerAuthSession } from "@/server/auth";
 import { TRPCError } from "@trpc/server";
@@ -28,17 +29,19 @@ export default async function ListPage({
   }
 
   return (
-    <Bookmarks
-      query={{ listId: list.id, archived: false }}
-      showDivider={true}
-      header={
-        <div className="flex justify-between">
-          <span className="pt-4 text-2xl">
-            {list.icon} {list.name}
-          </span>
-          <DeleteListButton list={list} />
-        </div>
-      }
-    />
+    <BookmarkListContextProvider listId={list.id}>
+      <Bookmarks
+        query={{ listId: list.id, archived: false }}
+        showDivider={true}
+        header={
+          <div className="flex justify-between">
+            <span className="pt-4 text-2xl">
+              {list.icon} {list.name}
+            </span>
+            <DeleteListButton list={list} />
+          </div>
+        }
+      />
+    </BookmarkListContextProvider>
   );
 }