feat(dashboard): add refetch functionality to AssetDialog for updated…

… asset data
iotaledger · Dec 18, 2024 · 7aaa4b8 · 7aaa4b8
1 parent 146dee8
commit 7aaa4b8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/apps/wallet-dashboard/app/(protected)/assets/page.tsx b/apps/wallet-dashboard/app/(protected)/assets/page.tsx
@@ -29,7 +29,7 @@ export default function AssetsDashboardPage(): React.JSX.Element {
     const [selectedAsset, setSelectedAsset] = useState<IotaObjectData | null>(null);
     const [selectedCategory, setSelectedCategory] = useState<AssetCategory>(AssetCategory.Visual);
     const account = useCurrentAccount();
-    const { data, isFetching, fetchNextPage, hasNextPage } = useGetOwnedObjects(
+    const { data, isFetching, fetchNextPage, hasNextPage, refetch } = useGetOwnedObjects(
         account?.address,
         undefined,
         OBJECTS_PER_REQ,
@@ -79,7 +79,11 @@ export default function AssetsDashboardPage(): React.JSX.Element {
                     fetchNextPage={fetchNextPage}
                 />
                 {selectedAsset && (
-                    <AssetDialog onClose={() => setSelectedAsset(null)} asset={selectedAsset} />
+                    <AssetDialog
+                        onClose={() => setSelectedAsset(null)}
+                        asset={selectedAsset}
+                        refetchAssets={refetch}
+                    />
                 )}
             </div>
         </Panel>

diff --git a/apps/wallet-dashboard/components/Dialogs/Assets/AssetDialog.tsx b/apps/wallet-dashboard/components/Dialogs/Assets/AssetDialog.tsx
@@ -17,6 +17,7 @@ import { DialogLayout } from '../layout';
 interface AssetsDialogProps {
     onClose: () => void;
     asset: IotaObjectData;
+    refetchAssets: () => void;
 }
 
 interface FormValues {
@@ -27,7 +28,7 @@ const INITIAL_VALUES: FormValues = {
     to: '',
 };
 
-export function AssetDialog({ onClose, asset }: AssetsDialogProps): JSX.Element {
+export function AssetDialog({ onClose, asset, refetchAssets }: AssetsDialogProps): JSX.Element {
     const [view, setView] = useState<AssetsDialogView>(AssetsDialogView.Details);
     const account = useCurrentAccount();
     const [digest, setDigest] = useState<string>('');
@@ -55,6 +56,7 @@ export function AssetDialog({ onClose, asset }: AssetsDialogProps): JSX.Element
             });
 
             setDigest(tx.digest);
+            refetchAssets();
             addNotification('Transfer transaction successful', NotificationType.Success);
             setView(AssetsDialogView.TransactionDetails);
         } catch {