Added fund button icon

src/components/FundWallet/FundWalletButton.tsx

@@ -1,5 +1,6 @@
 import { Button, ButtonProps } from "../Button/Button"
 import styled from "@emotion/styled"
+import { useTranslation } from 'react-i18next'
 
 const SButton = styled(Button)`
   font-size: 12px;
@@ -9,8 +10,12 @@ const SButton = styled(Button)`
 
 type Props = Pick<ButtonProps, "onClick">
 
-export const FundWalletButton = (props: Props) => (
-  <SButton {...props} variant="primary">
-    Fund wallet
-  </SButton>
-)
+export const FundWalletButton = (props: Props) => {
+  const { t } = useTranslation();
+
+  return (
+    <SButton {...props} variant="primary">
+      {t('fund.button')}
+    </SButton>
+  )
+}

src/components/FundWallet/FundWalletMobileButton.tsx

@@ -1,9 +1,15 @@
 import { Button, ButtonProps } from "../Button/Button"
+import { useTranslation } from 'react-i18next'
+import { ReactComponent as FundIcon } from "assets/icons/FundIcon.svg"
 
 type Props = Pick<ButtonProps, "onClick">
 
-export const FundWalletMobileButton = (props: Props) => (
-  <Button {...props} variant="primary" fullWidth={true}>
-    Fund wallet
-  </Button>
-)
+export const FundWalletMobileButton = (props: Props) => {
+  const { t } = useTranslation();
+
+  return (
+    <Button {...props} variant="primary" fullWidth={true}>
+      <FundIcon />{t('fund.button')}
+    </Button>
+  )
+}

src/components/FundWallet/components/CryptoBlockTitle.tsx

@@ -1,5 +1,5 @@
 import { Heading } from "../../Typography/Heading/Heading"
-import { ReactComponent as FundIcon } from "assets/icons/FundIcon.svg"
+import { ReactComponent as FundCryptoIcon } from "assets/icons/FundCryptoIcon.svg"
 import styled from "@emotion/styled"
 import { useTranslation } from "react-i18next"
 
@@ -14,7 +14,7 @@ export const CryptoBlockTitle = () => {
 
   return (
     <SWrapper>
-      <FundIcon />
+      <FundCryptoIcon />
       <Heading as="h2" fw={600} fs={20}>
         {t("fund.modal.crypto.title")}
       </Heading>

src/i18n/locales/en/translations.json

@@ -356,5 +356,6 @@
   "fund.modal.kraken.buy": "Buy on Kraken",
   "fund.modal.crypto.title": "Fund with crypto",
   "fund.modal.crypto.description": "Looking to fund your wallet with crypto? Head to our cross-chain UI.",
-  "fund.modal.crypto.buy": "Use cross-chain"
+  "fund.modal.crypto.buy": "Use cross-chain",
+  "fund.button": "Fund wallet"
 }