refactor all widgets

src/utils/hooks/useNostr.ts

@@ -29,11 +29,12 @@ export function useNostr() {
   const sub = async (
     filter: NDKFilter,
     callback: (event: NDKEvent) => void,
-    groupable?: boolean
+    groupable?: boolean,
+    subKey?: string
   ) => {
     if (!ndk) throw new Error('NDK instance not found');
 
-    const key = JSON.stringify(filter);
+    const key = subKey ?? JSON.stringify(filter);
     if (!subManager.get(key)) {
       const subEvent = ndk.subscribe(filter, {
         closeOnEose: false,

src/utils/hooks/useWidget.ts

@@ -0,0 +1,30 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+import { useStorage } from '@libs/storage/provider';
+
+import { Widget } from '@utils/types';
+
+export function useWidget() {
+  const { db } = useStorage();
+  const queryClient = useQueryClient();
+
+  const addWidget = useMutation({
+    mutationFn: async (widget: Widget) => {
+      return await db.createWidget(widget.kind, widget.title, widget.content);
+    },
+    onSuccess: (data) => {
+      queryClient.setQueryData(['widgets'], (old: Widget[]) => [...old, data]);
+    },
+  });
+
+  const removeWidget = useMutation({
+    mutationFn: async (id: string) => {
+      return await db.removeWidget(id);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['widgets'] });
+    },
+  });
+
+  return { addWidget, removeWidget };
+}