fix: Allow setting demo mode creds when demo mode is enabled

3 files changed, 24 insertions, 20 deletions

diff --git a/apps/web/components/dashboard/bookmarks/AddToListModal.tsx b/apps/web/components/dashboard/bookmarks/AddToListModal.tsx
index b8cce66d..bfe6d53f 100644
--- a/apps/web/components/dashboard/bookmarks/AddToListModal.tsx
+++ b/apps/web/components/dashboard/bookmarks/AddToListModal.tsx
@@ -117,6 +117,11 @@ export default function AddToListModal({
                                     {l.icon} {l.name}
                                   </SelectItem>
                                 ))}
+                                {lists && lists.lists.length == 0 && (
+                                  <SelectItem value="nolist" disabled>
+                                    You don&apos;t currently have any lists.
+                                  </SelectItem>
+                                )}
                               </SelectGroup>
                             </SelectContent>
                           </Select>
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx b/apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx
index 249946b4..a639b949 100644
--- a/apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx
+++ b/apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx
@@ -35,7 +35,7 @@ export default function BookmarkOptions({ bookmark }: { bookmark: ZBookmark }) {
   const { toast } = useToast();
   const linkId = bookmark.id;
 
-  const demoMode = useClientConfig().demoMode;
+  const demoMode = !!useClientConfig().demoMode;
 
   const { setOpen: setTagModalIsOpen, content: tagModal } =
     useTagModel(bookmark);
diff --git a/apps/web/components/dashboard/bookmarks/TagsEditor.tsx b/apps/web/components/dashboard/bookmarks/TagsEditor.tsx
index e11410b8..ecd6d29c 100644
--- a/apps/web/components/dashboard/bookmarks/TagsEditor.tsx
+++ b/apps/web/components/dashboard/bookmarks/TagsEditor.tsx
@@ -16,27 +16,26 @@ interface EditableTag {
 }
 
 export function TagsEditor({ bookmark }: { bookmark: ZBookmark }) {
-  const demoMode = useClientConfig().demoMode;
+  const demoMode = !!useClientConfig().demoMode;
   const bookmarkInvalidationFunction =
     api.useUtils().bookmarks.getBookmark.invalidate;
 
-  const { mutate, isPending: isMutating } =
-    api.bookmarks.updateTags.useMutation({
-      onSuccess: () => {
-        toast({
-          description: "Tags has been updated!",
-        });
-        bookmarkInvalidationFunction({ bookmarkId: bookmark.id });
-        // TODO(bug) Invalidate the tag views as well
-      },
-      onError: () => {
-        toast({
-          variant: "destructive",
-          title: "Something went wrong",
-          description: "There was a problem with your request.",
-        });
-      },
-    });
+  const { mutate } = api.bookmarks.updateTags.useMutation({
+    onSuccess: () => {
+      toast({
+        description: "Tags has been updated!",
+      });
+      bookmarkInvalidationFunction({ bookmarkId: bookmark.id });
+      // TODO(bug) Invalidate the tag views as well
+    },
+    onError: () => {
+      toast({
+        variant: "destructive",
+        title: "Something went wrong",
+        description: "There was a problem with your request.",
+      });
+    },
+  });
 
   const { data: existingTags, isLoading: isExistingTagsLoading } =
     api.tags.list.useQuery();
@@ -98,7 +97,7 @@ export function TagsEditor({ bookmark }: { bookmark: ZBookmark }) {
       isMulti
       closeMenuOnSelect={false}
       isClearable={false}
-      isLoading={isExistingTagsLoading || isMutating}
+      isLoading={isExistingTagsLoading}
       theme={(theme) => ({
         ...theme,
         // This color scheme doesn't support disabled options.