From 8017b01cf7d02990028bc910fcebfe9e4b847c22 Mon Sep 17 00:00:00 2001
From: Jakub Kolebaba <jakub@kolebaba.cz>
Date: Thu, 13 Jul 2023 11:19:26 +0200
Subject: [PATCH] Fixed gradient text, styles moved to sx prop

---
 src/components/FundWallet/FundWalletButton.tsx      | 13 ++++---------
 src/components/FundWallet/FundWalletModal.tsx       |  8 +++++---
 .../FundWallet/components/CryptoBlockTitle.tsx      | 11 ++---------
 3 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/src/components/FundWallet/FundWalletButton.tsx b/src/components/FundWallet/FundWalletButton.tsx
index 2c1160a0..3cd46f03 100644
--- a/src/components/FundWallet/FundWalletButton.tsx
+++ b/src/components/FundWallet/FundWalletButton.tsx
@@ -1,12 +1,7 @@
-import { Button, ButtonProps } from "../Button/Button"
-import styled from "@emotion/styled"
+import { ButtonProps } from "../Button/Button"
 import { useTranslation } from "react-i18next"
+import { Button } from "../Button/Button"
 
-const SButton = styled(Button)`
-  font-size: 12px;
-  line-height: 12px;
-  padding: 11px 15px 11px 15px;
-`
 
 type Props = Pick<ButtonProps, "onClick">
 
@@ -14,8 +9,8 @@ export const FundWalletButton = (props: Props) => {
   const { t } = useTranslation()
 
   return (
-    <SButton {...props} variant="primary">
+    <Button {...props} variant="primary" sx={{ fontSize: 12, lineHeight: 12, p: '11px 15px' }}>
       {t("fund.button")}
-    </SButton>
+    </Button>
   )
 }
diff --git a/src/components/FundWallet/FundWalletModal.tsx b/src/components/FundWallet/FundWalletModal.tsx
index aafc607d..89726208 100644
--- a/src/components/FundWallet/FundWalletModal.tsx
+++ b/src/components/FundWallet/FundWalletModal.tsx
@@ -31,9 +31,11 @@ export const FundWalletModal = ({ open, onClose }: Props) => {
         onClose={onClose}
         withoutCloseOutside={true}
       >
-        <GradientText fs={20} fw={600}>
-          {t("fund.modal.title")}
-        </GradientText>
+        <div>
+          <GradientText fs={20} fw={600}>
+            {t("fund.modal.title")}
+          </GradientText>
+        </div>
         <Text
           fw={400}
           lh={24}
diff --git a/src/components/FundWallet/components/CryptoBlockTitle.tsx b/src/components/FundWallet/components/CryptoBlockTitle.tsx
index 5baec5ae..52c6a357 100644
--- a/src/components/FundWallet/components/CryptoBlockTitle.tsx
+++ b/src/components/FundWallet/components/CryptoBlockTitle.tsx
@@ -1,23 +1,16 @@
 import { Heading } from "components/Typography/Heading/Heading"
 import { ReactComponent as FundCryptoIcon } from "assets/icons/FundCryptoIcon.svg"
-import styled from "@emotion/styled"
 import { useTranslation } from "react-i18next"
 
-const SWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  column-gap: 9px;
-`
-
 export const CryptoBlockTitle = () => {
   const { t } = useTranslation()
 
   return (
-    <SWrapper>
+    <div sx={{ display: 'flex', align: 'center', gap: 9  }}>
       <FundCryptoIcon />
       <Heading as="h2" fw={600} fs={20}>
         {t("fund.modal.crypto.title")}
       </Heading>
-    </SWrapper>
+    </div>
   )
 }