feat: Add a setting page to manage assets. Fixes #730

2 files changed, 49 insertions, 45 deletions

diff --git a/packages/shared-react/hooks/assets.ts b/packages/shared-react/hooks/assets.ts
new file mode 100644
index 00000000..b9aeed26
--- /dev/null
+++ b/packages/shared-react/hooks/assets.ts
@@ -0,0 +1,49 @@
+import { api } from "../trpc";
+
+export function useAttachBookmarkAsset(
+  ...opts: Parameters<typeof api.assets.attachAsset.useMutation>
+) {
+  const apiUtils = api.useUtils();
+  return api.assets.attachAsset.useMutation({
+    ...opts[0],
+    onSuccess: (res, req, meta) => {
+      apiUtils.bookmarks.getBookmarks.invalidate();
+      apiUtils.bookmarks.searchBookmarks.invalidate();
+      apiUtils.bookmarks.getBookmark.invalidate({ bookmarkId: req.bookmarkId });
+      apiUtils.assets.list.invalidate();
+      return opts[0]?.onSuccess?.(res, req, meta);
+    },
+  });
+}
+
+export function useReplaceBookmarkAsset(
+  ...opts: Parameters<typeof api.assets.replaceAsset.useMutation>
+) {
+  const apiUtils = api.useUtils();
+  return api.assets.replaceAsset.useMutation({
+    ...opts[0],
+    onSuccess: (res, req, meta) => {
+      apiUtils.bookmarks.getBookmarks.invalidate();
+      apiUtils.bookmarks.searchBookmarks.invalidate();
+      apiUtils.bookmarks.getBookmark.invalidate({ bookmarkId: req.bookmarkId });
+      apiUtils.assets.list.invalidate();
+      return opts[0]?.onSuccess?.(res, req, meta);
+    },
+  });
+}
+
+export function useDetachBookmarkAsset(
+  ...opts: Parameters<typeof api.assets.detachAsset.useMutation>
+) {
+  const apiUtils = api.useUtils();
+  return api.assets.detachAsset.useMutation({
+    ...opts[0],
+    onSuccess: (res, req, meta) => {
+      apiUtils.bookmarks.getBookmarks.invalidate();
+      apiUtils.bookmarks.searchBookmarks.invalidate();
+      apiUtils.bookmarks.getBookmark.invalidate({ bookmarkId: req.bookmarkId });
+      apiUtils.assets.list.invalidate();
+      return opts[0]?.onSuccess?.(res, req, meta);
+    },
+  });
+}
diff --git a/packages/shared-react/hooks/bookmarks.ts b/packages/shared-react/hooks/bookmarks.ts
index f4dd203c..89715e4f 100644
--- a/packages/shared-react/hooks/bookmarks.ts
+++ b/packages/shared-react/hooks/bookmarks.ts
@@ -190,48 +190,3 @@ export function useBookmarkPostCreationHook() {
     return Promise.all(promises);
   };
 }
-
-export function useAttachBookmarkAsset(
-  ...opts: Parameters<typeof api.bookmarks.attachAsset.useMutation>
-) {
-  const apiUtils = api.useUtils();
-  return api.bookmarks.attachAsset.useMutation({
-    ...opts[0],
-    onSuccess: (res, req, meta) => {
-      apiUtils.bookmarks.getBookmarks.invalidate();
-      apiUtils.bookmarks.searchBookmarks.invalidate();
-      apiUtils.bookmarks.getBookmark.invalidate({ bookmarkId: req.bookmarkId });
-      return opts[0]?.onSuccess?.(res, req, meta);
-    },
-  });
-}
-
-export function useReplaceBookmarkAsset(
-  ...opts: Parameters<typeof api.bookmarks.replaceAsset.useMutation>
-) {
-  const apiUtils = api.useUtils();
-  return api.bookmarks.replaceAsset.useMutation({
-    ...opts[0],
-    onSuccess: (res, req, meta) => {
-      apiUtils.bookmarks.getBookmarks.invalidate();
-      apiUtils.bookmarks.searchBookmarks.invalidate();
-      apiUtils.bookmarks.getBookmark.invalidate({ bookmarkId: req.bookmarkId });
-      return opts[0]?.onSuccess?.(res, req, meta);
-    },
-  });
-}
-
-export function useDetachBookmarkAsset(
-  ...opts: Parameters<typeof api.bookmarks.detachAsset.useMutation>
-) {
-  const apiUtils = api.useUtils();
-  return api.bookmarks.detachAsset.useMutation({
-    ...opts[0],
-    onSuccess: (res, req, meta) => {
-      apiUtils.bookmarks.getBookmarks.invalidate();
-      apiUtils.bookmarks.searchBookmarks.invalidate();
-      apiUtils.bookmarks.getBookmark.invalidate({ bookmarkId: req.bookmarkId });
-      return opts[0]?.onSuccess?.(res, req, meta);
-    },
-  });
-}