diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/DestinationSelection/views.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/DestinationSelection/views.tsx | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/DestinationSelection/views.tsx b/packages/taler-wallet-webextension/src/wallet/DestinationSelection/views.tsx index ba8d65ffa..a9a4b2e41 100644 --- a/packages/taler-wallet-webextension/src/wallet/DestinationSelection/views.tsx +++ b/packages/taler-wallet-webextension/src/wallet/DestinationSelection/views.tsx @@ -377,6 +377,7 @@ export function ReadySendView({ </Container> ); } +import bankIcon from "../../svg/ri-bank-line.svg"; function RowExample({ info, @@ -385,15 +386,22 @@ function RowExample({ info: Contact; disabled?: boolean; }): VNode { + const icon = info.icon_type === "bank" ? bankIcon : undefined; return ( <MediaExample data-disabled={disabled}> <MediaLeft> <CircleDiv> - <SvgIcon - title={info.name} - dangerouslySetInnerHTML={{ __html: info.icon }} - color="currentColor" - /> + {icon !== undefined ? ( + <SvgIcon + title={info.name} + dangerouslySetInnerHTML={{ + __html: icon, + }} + color="currentColor" + /> + ) : ( + <span>A</span> + )} </CircleDiv> </MediaLeft> <MediaBody> |