feature(web): Allow uploading directly into lists/tags. Fixes #69

1 files changed, 3 insertions, 4 deletions

diff --git a/apps/web/components/dashboard/bookmarks/EditorCard.tsx b/apps/web/components/dashboard/bookmarks/EditorCard.tsx
index b9e46a30..10ad1f13 100644
--- a/apps/web/components/dashboard/bookmarks/EditorCard.tsx
+++ b/apps/web/components/dashboard/bookmarks/EditorCard.tsx
@@ -7,12 +7,13 @@ import { Separator } from "@/components/ui/separator";
 import { Textarea } from "@/components/ui/textarea";
 import { toast } from "@/components/ui/use-toast";
 import { useClientConfig } from "@/lib/clientConfig";
-import { api } from "@/lib/trpc";
 import { cn } from "@/lib/utils";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 
+import { useCreateBookmarkWithPostHook } from "@hoarder/shared-react/hooks/bookmarks";
+
 function useFocusOnKeyPress(inputRef: React.RefObject<HTMLTextAreaElement>) {
   useEffect(() => {
     function handleKeyPress(e: KeyboardEvent) {
@@ -47,10 +48,8 @@ export default function EditorCard({ className }: { className?: string }) {
   useImperativeHandle(ref, () => inputRef.current);
   useFocusOnKeyPress(inputRef);
 
-  const invalidateBookmarksCache = api.useUtils().bookmarks.invalidate;
-  const { mutate, isPending } = api.bookmarks.createBookmark.useMutation({
+  const { mutate, isPending } = useCreateBookmarkWithPostHook({
     onSuccess: () => {
-      invalidateBookmarksCache();
       form.reset();
     },
     onError: () => {