feat: add btn linking to rabby extension (#72)

* feat: add btn linking to rabby extension * fix
RabbyHub · Jun 25, 2024 · e85c04d · e85c04d
1 parent fc39d70
commit e85c04d
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 2 deletions.
diff --git a/packages/rabby-points/components/rabby-points/queryPoints.tsx b/packages/rabby-points/components/rabby-points/queryPoints.tsx
@@ -11,6 +11,8 @@ import { ClearIcon } from "./icons";
 import clsx from "clsx";
 import { useDebounceValue } from "./hook";
 
+const endTimerNumber = 1719791999;
+
 async function getApiReady() {
   return (await import("@/service/api")).default;
 }
@@ -78,6 +80,10 @@ const QueryPoints = () => {
     }
   }, [addr]);
 
+  if (Math.floor(Date.now() / 1000) > endTimerNumber) {
+    return null;
+  }
+
   return (
     <div className={styles.queryWrapper}>
       <div className={styles.inputWrapper}>
@@ -142,13 +148,15 @@ const QueryPoints = () => {
         </button>
       </div>
       <div className={styles.searchWrapper}>
-        {!error &&
+        {!!addr &&
+          !error &&
           deBankIdState?.data?.addr &&
           isSameAddr(addr, deBankIdState?.data?.web3_id || "") && (
             <Item onConfirm={confirmAddr} {...deBankIdState?.data} />
           )}
 
-        {!error &&
+        {!!addr &&
+          !error &&
           ensState?.data?.addr &&
           isSameAddr(addr, ensState?.data?.name || "") && (
             <Item onConfirm={confirmAddr} {...ensState?.data} />
@@ -175,6 +183,22 @@ const QueryPoints = () => {
                 : data?.data?.active_stats_reward +
                   data?.data?.wallet_balance_reward}
             </div>
+
+            {data.data?.claimed === false &&
+              data?.data?.active_stats_reward +
+                data?.data?.wallet_balance_reward >
+                0 &&
+              !data?.isFetching &&
+              !data?.isLoading && (
+                <a
+                  className={styles.claimBtn}
+                  target="_blank"
+                  rel="noreferrer"
+                  href="https://chrome.google.com/webstore/detail/rabby/acmacodkjbdgmoleebolmdjonilkdbch"
+                >
+                  Claim on Rabby Wallet
+                </a>
+              )}
           </div>
         )}
       {!!addr && !!error && <div className={styles.errorBox}>{error}</div>}

diff --git a/packages/rabby-points/components/rabby-points/style.module.scss b/packages/rabby-points/components/rabby-points/style.module.scss
@@ -340,6 +340,23 @@
         }
       }
     }
+    .claimBtn {
+      cursor: pointer;
+      margin-top: 16px;
+      margin-bottom: 10px;
+      display: flex;
+      height: 44px;
+      padding: 0 25px;
+      justify-content: center;
+      align-items: center;
+      border-radius: 6px;
+      background: linear-gradient(91deg, #326cff 1.88%, #ae2bff 99.85%);
+      box-shadow: 0px 2px 4px 0px rgba(92, 63, 173, 0.3);
+      color: var(--r-neutral-title2, #fff);
+      text-align: center;
+      font-size: 20px;
+      font-weight: 500;
+    }
   }
 
   .errorBox {
@@ -454,6 +471,17 @@
         padding-bottom: 10px;
       }
     }
+
+    .result {
+      .claimBtn {
+        cursor: pointer;
+        margin-top: 10px;
+        margin-bottom: 4px;
+        height: 36px;
+        padding: 0 16px;
+        font-size: 16px;
+      }
+    }
   }
 }