cross chain staking button style update

etherspot · Oct 14, 2023 · 14bac76 · 14bac76
1 parent 4c374ee
commit 14bac76
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/app/components/views/Stake/index.tsx b/app/components/views/Stake/index.tsx
@@ -414,16 +414,14 @@ export const Stake = (props: Props) => {
             <FiberNewRoundedIcon className="new-releases-icon" />
             <Trans id="stake.lifi">
               Cross-chain staking is now available through{" "}
-              <Anchor
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setShowEtherspotBuidler(true);
-                }}
-              >
-                LI.FI and Etherspot
-              </Anchor>, with
+              <Anchor>LI.FI and Etherspot</Anchor>, with
               support for multiple chains and tokens.
             </Trans>
+            <ButtonPrimary
+              className={styles.etherspotSwitchButton}
+              label={<Trans id="stake.switch_to_etherspot">Stake cross-chain</Trans>}
+              onClick={() => setShowEtherspotBuidler(true)}
+            />
           </Text>
         </div>
 

diff --git a/app/components/views/Stake/styles.ts b/app/components/views/Stake/styles.ts
@@ -260,3 +260,8 @@ export const toggle_form_type = css`
     opacity: 0.5;
   }
 `;
+
+export const etherspotSwitchButton = css`
+  margin-top: 10px;
+`;
+