fix: build error

lfglabs-dev · Jun 12, 2024 · 6b22e04 · 6b22e04
1 parent 229a54f
commit 6b22e04
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 7 deletions.
diff --git a/app/components/ethButton.tsx b/app/components/ethButton.tsx
@@ -5,11 +5,19 @@ import styles from "../styles/components/ethButton.module.css";
 
 type EthButtonProps = {
   onClick: () => void;
+  isFinished?: boolean;
 };
 
-const EthButton: FunctionComponent<EthButtonProps> = ({ onClick }) => {
+const EthButton: FunctionComponent<EthButtonProps> = ({
+  onClick,
+  isFinished,
+}) => {
+  const click = () => {
+    if (isFinished) return;
+    onClick();
+  };
   return (
-    <div className={styles.base} onClick={onClick}>
+    <div className={styles.base} onClick={click}>
       <div className={styles.innerCircle}>
         <div className={styles.content}>
           <img src="/visuals/ethereumIcon.svg" alt="ethereum icon" />

diff --git a/app/components/recoverTokenModal.tsx b/app/components/recoverTokenModal.tsx
@@ -5,8 +5,6 @@ import { Modal } from "@mui/material";
 import styles from "../styles/components/welcomeModal.module.css";
 import modalStyles from "../styles/components/modal.module.css";
 import Button from "./button";
-import { NetworkType } from "@/constants/types";
-import WalletIcon from "./iconComponents/walletIcon";
 import {
   getArgentIcon,
   getArgentWebsite,
@@ -45,8 +43,8 @@ const RecoverTokenModal: FunctionComponent<RecoverTokenModalProps> = ({
   const modalDescription =
     step === 0 ? (
       <>
-        You are eligible to play again with a starknet wallet, but first you'll
-        need to regenerate a signature with your ethereum wallet.
+        You are eligible to play again with a starknet wallet, but first
+        you&apos;ll need to regenerate a signature with your ethereum wallet.
       </>
     ) : (
       <>

diff --git a/app/page.tsx b/app/page.tsx
@@ -525,7 +525,7 @@ export default function Home() {
               <Countdown timestamp={countdownTimestamp} />
             </div>
             <div className={styles.ethBtnContainer}>
-              <EthButton onClick={clickEthButton} />
+              <EthButton onClick={clickEthButton} isFinished={isFinished} />
             </div>
           </div>
         </div>

diff --git a/app/styles/components/ethButton.module.css b/app/styles/components/ethButton.module.css
@@ -17,6 +17,20 @@
   box-shadow: 1.73px -1.73px 2.3px 0px #000000bf inset;
   position: relative;
   display: flex;
+  transition: box-shadow 0.4s;
+
+  &:hover {
+    cursor: pointer;
+    box-shadow: inset 0 0 35px 0px rgba(0, 0, 0, 0.15),
+      inset 0 2px 1px 1px rgba(255, 255, 255, 0),
+      1px 1px 15px 2px rgba(154, 137, 164, 0.1);
+  }
+
+  &:active {
+    box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.15),
+      1px 1px 15px 2px rgba(154, 137, 164, 0.1);
+    transition: box-shadow 0.3s;
+  }
 }
 
 .innerCircle {