From c010a5ddd47557df2c5bc0db80de0f4d6bb3963b Mon Sep 17 00:00:00 2001
From: JCNoguera <88061365+VmMad@users.noreply.github.com>
Date: Wed, 27 Nov 2024 11:39:24 +0100
Subject: [PATCH] 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
---
 .../Dialogs/Staking/views/DetailsView.tsx          |  2 +-
 .../components/Dialogs/Staking/views/Validator.tsx | 14 ++++++++++----
 .../ui/app/staking/validators/ValidatorLogo.tsx    |  2 +-
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx b/apps/wallet-dashboard/components/Dialogs/Staking/views/DetailsView.tsx
index 79106443924..7e81f984e79 100644
--- 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
index 9154a6959da..cad60fda4c9 100644
--- 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
index dcb8954a274..bf8d05a97b6 100644
--- 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}