fix: btn centered + twitter process from start if we close

lfglabs-dev · Aug 14, 2024 · 72c8a6f · 72c8a6f
1 parent bba8b28
commit 72c8a6f
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 17 deletions.
diff --git a/app/components/claimXTicket.tsx b/app/components/claimXTicket.tsx
@@ -61,20 +61,22 @@ const ClaimXTicket: FunctionComponent<ClaimXTicketProps> = ({
         <div className={styles.statsSection} style={{ marginTop: "10px" }}>
           <p>Retweet to get an extra ticket !</p>
           {!hasClaimedX ? (
-            <Button
-              onClick={() => getExtraTicket(address)}
-              // icon={
-              //   <img
-              //     src="/visuals/twitterIcon.svg"
-              //     alt="Twitter Icon"
-              //     width={20}
-              //   />
-              // }
-              width={width}
-              variation="white"
-            >
-              Claim now
-            </Button>
+            <div className="mx-auto">
+              <Button
+                onClick={() => getExtraTicket(address)}
+                // icon={
+                //   <img
+                //     src="/visuals/twitterIcon.svg"
+                //     alt="Twitter Icon"
+                //     width={20}
+                //   />
+                // }
+                width={width}
+                variation="white"
+              >
+                Claim now
+              </Button>
+            </div>
           ) : showClaimed ? (
             <div className={styles.winnerWrapper}>
               <div className={styles.winnerSection} style={{ margin: "auto" }}>

diff --git a/app/components/connection/starknetConnect.tsx b/app/components/connection/starknetConnect.tsx
@@ -103,7 +103,7 @@ const StarknetWalletConnect: FunctionComponent<StarknetWalletConnectProps> = ({
                     onClick={() => tryConnect(connector, isAvailable)}
                   >
                     <Button
-                      onClick={() => console.log("Open connect wallet modal")}
+                      onClick={() => console.log("Connecting to starknet")}
                       icon={
                         <img
                           src={getConnectorIcon(connector.id)}

diff --git a/app/components/extraClickModal.tsx b/app/components/extraClickModal.tsx
@@ -49,13 +49,18 @@ const ExtraClickModal: FunctionComponent<ExtraClickModalProps> = ({
     setHasClicked(true);
   };
 
+  const close = () => {
+    setHasClicked(false);
+    closeModal();
+  };
+
   if (network !== NetworkType.STARKNET || !address) return null;
 
   return (
     <Modal
       disableAutoFocus
       open={open}
-      onClose={closeModal}
+      onClose={close}
       aria-labelledby="modal-modal-title"
       aria-describedby="modal-modal-description"
       componentsProps={{
@@ -117,7 +122,7 @@ const ExtraClickModal: FunctionComponent<ExtraClickModalProps> = ({
                 )}
               </>
             ) : null}
-            <div onClick={closeModal} className={modalStyles.menu_close}>
+            <div onClick={close} className={modalStyles.menu_close}>
               Close
             </div>
           </div>