feat(SPV-1046): Fixed actions edit dialog (#1031)

bitcoin-sv · Sep 20, 2024 · c7e7b9d · c7e7b9d
1 parent 1e04eca
commit c7e7b9d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/src/components/TransactionEditDialog/TransactionEditDialog.tsx b/src/components/TransactionEditDialog/TransactionEditDialog.tsx
@@ -1,10 +1,3 @@
-import { Metadata, Tx } from '@bsv/spv-wallet-js-client';
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { Row } from '@tanstack/react-table';
-import React, { useState } from 'react';
-
-import { toast } from 'sonner';
-
 import {
   Button,
   Dialog,
@@ -19,6 +12,12 @@ import {
 
 import { useSpvWalletClient } from '@/contexts';
 import { errorWrapper } from '@/utils';
+import { Metadata, Tx } from '@bsv/spv-wallet-js-client';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { Row } from '@tanstack/react-table';
+import React, { useState } from 'react';
+
+import { toast } from 'sonner';
 
 export interface TransactionEditDialogProps {
   row: Row<Tx>;
@@ -42,18 +41,23 @@ export const TransactionEditDialog = ({ row }: TransactionEditDialogProps) => {
       return await spvWalletClient!.UpdateTransactionMetadata(row.original.id, metadata);
     },
     onSuccess: () => {
+      toast.success('Transaction edited');
+
       return queryClient.invalidateQueries({
         queryKey: ['transactions'],
       });
     },
+    onError: (error) => {
+      errorWrapper(error);
+      toast.error('Failed to edit transaction');
+    },
   });
 
   const handleEdit = async () => {
     try {
       const metadataParsed = JSON.parse(metadata) as Metadata;
       mutation.mutate(metadataParsed);
 
-      toast.success('Transaction edited');
       setMetadata(JSON.stringify({}));
       setIsEditDialogOpen(false);
     } catch (err) {

diff --git a/src/routes/admin/_admin.transactions.tsx b/src/routes/admin/_admin.transactions.tsx
@@ -88,7 +88,6 @@ export function Transactions() {
           <TransactionsTabContent
             transactions={transactions}
             hasRecordTransaction={hasRecordTransaction}
-            hasTransactionEditDialog
             TxDialog={RecordTxDialogAdmin}
           />
         </TabsContent>