fix(wallet, dashboard): use validator image when possible (#4247)

* fix(wallet, dashboard): use validator image when possible * fix: remove unnecessary change * feat: add missing image in dashboard
iotaledger · Nov 27, 2024 · c010a5d · c010a5d
1 parent ea7499c
commit c010a5d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx
@@ -108,7 +108,7 @@ export function DetailsView({
                     <Card type={CardType.Filled}>
                         <CardImage>
                             <ImageIcon
-                                src={null}
+                                src={validatorSummary?.imageUrl ?? null}
                                 label={validatorName}
                                 fallback={validatorName}
                                 size={ImageIconSize.Large}

diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/Validator.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/Validator.tsx
@@ -28,9 +28,10 @@ export function Validator({
     isSelected,
     showAction = true,
 }: ValidatorProps) {
-    const { name, newValidator, isAtRisk, apy, isApyApproxZero } = useValidatorInfo({
-        validatorAddress: address,
-    });
+    const { name, newValidator, isAtRisk, apy, isApyApproxZero, validatorSummary } =
+        useValidatorInfo({
+            validatorAddress: address,
+        });
 
     const subtitle = showActiveStatus ? (
         <div className="flex items-center gap-1">
@@ -47,7 +48,12 @@ export function Validator({
     return (
         <Card type={isSelected ? CardType.Filled : CardType.Default} onClick={handleClick}>
             <CardImage>
-                <ImageIcon src={null} label={name} fallback={name} size={ImageIconSize.Large} />
+                <ImageIcon
+                    src={validatorSummary?.imageUrl ?? null}
+                    label={name}
+                    fallback={name}
+                    size={ImageIconSize.Large}
+                />
             </CardImage>
             <CardBody title={name} subtitle={subtitle} isTextTruncated />
             {showAction && (

diff --git a/apps/wallet/src/ui/app/staking/validators/ValidatorLogo.tsx b/apps/wallet/src/ui/app/staking/validators/ValidatorLogo.tsx
@@ -82,7 +82,7 @@ export function ValidatorLogo({
             <Card type={type} onClick={onClick}>
                 <CardImage>
                     <ImageIcon
-                        src={null}
+                        src={validatorMeta?.imageUrl ?? null}
                         label={validatorName}
                         fallback={validatorName}
                         size={ImageIconSize.Large}