feature: Extract hook logic into separate package and add a new action bar in bookmark preview

1 files changed, 14 insertions, 0 deletions

diff --git a/packages/shared-react/hooks/lists.ts b/packages/shared-react/hooks/lists.ts
new file mode 100644
index 00000000..5cfcd194
--- /dev/null
+++ b/packages/shared-react/hooks/lists.ts
@@ -0,0 +1,14 @@
+import { api } from "../trpc";
+
+export function useRemoveBookmarkFromList(
+  ...opts: Parameters<typeof api.lists.removeFromList.useMutation>
+) {
+  const apiUtils = api.useUtils();
+  return api.lists.removeFromList.useMutation({
+    ...opts,
+    onSuccess: (res, req, meta) => {
+      apiUtils.bookmarks.getBookmarks.invalidate({ listId: req.listId });
+      opts[0]?.onSuccess?.(res, req, meta);
+    },
+  });
+}