fix(wallet-dashboard): other assets

iotaledger · Dec 19, 2024 · f62f401 · f62f401
1 parent bd7d2c9
commit f62f401
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 20 deletions.
diff --git a/apps/wallet-dashboard/app/(protected)/assets/page.tsx b/apps/wallet-dashboard/app/(protected)/assets/page.tsx
@@ -31,21 +31,22 @@ export default function AssetsDashboardPage(): React.JSX.Element {
     const account = useCurrentAccount();
     const { data, isFetching, fetchNextPage, hasNextPage, refetch } = useGetOwnedObjects(
         account?.address,
-        undefined,
+        {
+            MatchNone: [{ StructType: '0x2::coin::Coin' }],
+        },
         OBJECTS_PER_REQ,
     );
 
-    const assets: IotaObjectData[] = [];
+    const visualAssets: IotaObjectData[] = [];
+    const otherAssets: IotaObjectData[] = [];
 
     for (const page of data?.pages || []) {
         for (const asset of page.data) {
             if (asset.data && asset.data.objectId) {
-                if (selectedCategory == AssetCategory.Visual) {
-                    if (hasDisplayData(asset)) {
-                        assets.push(asset.data);
-                    }
-                } else if (selectedCategory == AssetCategory.Other) {
-                    assets.push(asset.data);
+                if (hasDisplayData(asset)) {
+                    visualAssets.push(asset.data);
+                } else {
+                    otherAssets.push(asset.data);
                 }
             }
         }
@@ -71,7 +72,7 @@ export default function AssetsDashboardPage(): React.JSX.Element {
                 </div>
 
                 <AssetList
-                    assets={assets}
+                    assets={selectedCategory == AssetCategory.Visual ? visualAssets : otherAssets}
                     selectedCategory={selectedCategory}
                     onClick={onAssetClick}
                     hasNextPage={hasNextPage}

diff --git a/apps/wallet-dashboard/components/tiles/AssetTileLink.tsx b/apps/wallet-dashboard/components/tiles/AssetTileLink.tsx
@@ -25,7 +25,7 @@ export function AssetTileLink({ asset, type, onClick }: AssetTileLinkProps): Rea
             {type === AssetCategory.Visual ? (
                 <VisualAssetTile asset={asset} icon={<VisibilityOff />} onClick={handleClick} />
             ) : (
-                <NonVisualAssetCard asset={asset} onClick={handleClick} />
+                <NonVisualAssetCard asset={asset} />
             )}
         </>
     );

diff --git a/apps/wallet-dashboard/components/tiles/NonVisualAssetTile.tsx b/apps/wallet-dashboard/components/tiles/NonVisualAssetTile.tsx
@@ -5,21 +5,25 @@ import { Card, CardAction, CardActionType, CardBody, CardType } from '@iota/apps
 import { IotaObjectData } from '@iota/iota-sdk/client';
 import { formatAddress, parseStructTag } from '@iota/iota-sdk/utils';
 import { ArrowTopRight } from '@iota/ui-icons';
+import { ExplorerLink } from '../ExplorerLink';
+import { ExplorerLinkType } from '@iota/core';
 
 type NonVisualAssetCardProps = {
     asset: IotaObjectData;
-} & Pick<React.ComponentProps<typeof Card>, 'onClick'>;
+} & React.ComponentProps<typeof Card>;
 
-export function NonVisualAssetCard({ asset, onClick }: NonVisualAssetCardProps): React.JSX.Element {
+export function NonVisualAssetCard({ asset }: NonVisualAssetCardProps): React.JSX.Element {
     const { address, module, name } = parseStructTag(asset.type!);
     return (
-        <Card type={CardType.Default} isHoverable onClick={onClick}>
-            <CardBody
-                title={formatAddress(asset.objectId!)}
-                subtitle={`${formatAddress(address)}::${module}::${name}`}
-                isTextTruncated
-            />
-            <CardAction type={CardActionType.Link} icon={<ArrowTopRight />} />
-        </Card>
+        <ExplorerLink objectID={asset.objectId} type={ExplorerLinkType.Object}>
+            <Card type={CardType.Default} isHoverable>
+                <CardBody
+                    title={formatAddress(asset.objectId!)}
+                    subtitle={`${formatAddress(address)}::${module}::${name}`}
+                    isTextTruncated
+                />
+                <CardAction type={CardActionType.Link} icon={<ArrowTopRight />} />
+            </Card>
+        </ExplorerLink>
     );
 }