Merge branch 'upgrade/login-v3'

TrustlessComputer · Jan 31, 2024 · 120d8ec · 120d8ec
2 parents bb6643d + 86b6de9
commit 120d8ec
Show file tree

Hide file tree

Showing 12 changed files with 541 additions and 56 deletions.
diff --git a/src/components/BaseModal/styles.module.scss b/src/components/BaseModal/styles.module.scss
@@ -38,7 +38,7 @@
     background-color: transparent !important;
     position: absolute;
     right: 0;
-    top: 0;
+    top: -2px;
     &:focus-visible {
       outline: none;
     }

diff --git a/src/modules/PublicSale/AuthForBuy/index.tsx b/src/modules/PublicSale/AuthForBuy/index.tsx
@@ -8,6 +8,7 @@ import { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import DepositContent from '../depositModal/deposit.content';
 import s from './styles.module.scss';
 import cx from 'clsx';
+import AuthForBuyV2 from '../AuthForBuyV2';
 
 interface IAuthForBuy extends PropsWithChildren {}
 
@@ -26,39 +27,49 @@ const AuthForBuy: React.FC<IAuthForBuy> = () => {
   return (
     <>
       <Flex className={s.btnWrapper}>
-        <Button
-          onClick={() => {
-            setHasStaked(false);
-            onOpen();
-          }}
-          type="button"
-          className={s.btnContainer}
-        >
-          {/*<SvgInset svgUrl="/icons/ic_twitter.svg" />*/}
-          Buy $BVM
-        </Button>
-        <Tooltip
-          minW="220px"
-          bg="#006149"
-          boxShadow="0px 0px 40px rgba(0, 0, 0, 0.12)"
-          borderRadius="4px"
-          padding="16px"
-          hasArrow
-          label={'Buy and stake your $BVM to earn rewards from the BVM ecosystem and our collaborative Bitcoin L2s and dApps partners. Your $BVM will be automatically staked after the public sale, and you can choose to unstake at any time.'}
-          color={"#FFFFFF"}
+        <AuthForBuyV2
+          renderWithoutLogin={(onClick: any) => (
+            <Button onClick={onClick} type="button" className={s.btnContainer}>
+              Buy $BVM
+            </Button>
+          )}
         >
           <Button
             onClick={() => {
-              setHasStaked(true);
+              setHasStaked(false);
               onOpen();
             }}
             type="button"
-            className={cx(s.btnContainer, s.btnBuyAndStake)}
+            className={s.btnContainer}
           >
-            {/*<SvgInset svgUrl="/icons/ic_twitter.svg" />*/}
-            Buy & Stake $BVM
+            Buy $BVM
           </Button>
-        </Tooltip>
+        </AuthForBuyV2>
+        <AuthForBuyV2>
+          <Tooltip
+            minW="220px"
+            bg="#006149"
+            boxShadow="0px 0px 40px rgba(0, 0, 0, 0.12)"
+            borderRadius="4px"
+            padding="16px"
+            hasArrow
+            label={
+              'Buy and stake your $BVM to earn rewards from the BVM ecosystem and our collaborative Bitcoin L2s and dApps partners. Your $BVM will be automatically staked after the public sale, and you can choose to unstake at any time.'
+            }
+            color={'#FFFFFF'}
+          >
+            <Button
+              onClick={() => {
+                setHasStaked(true);
+                onOpen();
+              }}
+              type="button"
+              className={cx(s.btnContainer, s.btnBuyAndStake)}
+            >
+              Buy & Stake $BVM
+            </Button>
+          </Tooltip>
+        </AuthForBuyV2>
       </Flex>
       <GoogleReCaptchaProvider
         reCaptchaKey="6LdrclkpAAAAAD1Xu6EVj_QB3e7SFtMVCKBuHb24"