feature(web): Change the AddList modal to allow adding and removing bookmarks from lists

1 files changed, 6 insertions, 1 deletions

diff --git a/apps/web/components/dashboard/lists/BookmarkListSelector.tsx b/apps/web/components/dashboard/lists/BookmarkListSelector.tsx
index fdae1c17..144297cf 100644
--- a/apps/web/components/dashboard/lists/BookmarkListSelector.tsx
+++ b/apps/web/components/dashboard/lists/BookmarkListSelector.tsx
@@ -14,12 +14,14 @@ export function BookmarkListSelector({
   value,
   onChange,
   hideSubtreeOf,
+  hideBookmarkIds = [],
   placeholder = "Select a list",
 }: {
   value?: string | null;
   onChange: (value: string) => void;
   placeholder?: string;
   hideSubtreeOf?: string;
+  hideBookmarkIds?: string[];
 }) {
   const { data, isPending: isFetchingListsPending } = useBookmarkLists();
   let { allPaths } = data ?? {};
@@ -29,6 +31,9 @@ export function BookmarkListSelector({
   }
 
   allPaths = allPaths?.filter((path) => {
+    if (hideBookmarkIds.includes(path[path.length - 1].id)) {
+      return false;
+    }
     if (!hideSubtreeOf) {
       return true;
     }
@@ -36,7 +41,7 @@ export function BookmarkListSelector({
   });
 
   return (
-    <Select onValueChange={onChange} value={value ?? undefined}>
+    <Select onValueChange={onChange} value={value ?? ""}>
       <SelectTrigger className="w-full">
         <SelectValue placeholder={placeholder} />
       </SelectTrigger>