Merge pull request #347 from zkLinkProtocol/feat/add-eco-dapps

Feat/add eco dapps
zkLinkProtocol · Jul 31, 2024 · 3898b55 · 3898b55
2 parents b811e1c + 3fa05a2
commit 3898b55
Show file tree

Hide file tree

Showing 6 changed files with 122 additions and 26 deletions.
diff --git a/public/img/icon-skyrangers.png b/public/img/icon-skyrangers.png
diff --git a/public/img/icon-steer.png b/public/img/icon-steer.png
diff --git a/src/components/DashboardS2/Tabs/EcoDApps.tsx b/src/components/DashboardS2/Tabs/EcoDApps.tsx
@@ -9,6 +9,10 @@ import useNovaPoints from "@/hooks/useNovaPoints";
 import { formatNumberWithUnit } from "@/utils";
 import {
   Button,
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownTrigger,
   Modal,
   ModalBody,
   ModalContent,
@@ -247,6 +251,7 @@ interface EcoDAppItem {
     description: string;
     action: string;
     actionLink?: string;
+    actionLinks?: string[];
     descriptionTooltip?: string;
   }[];
   idFeatured?: boolean;
@@ -304,7 +309,7 @@ const EcoDApp = (props: {
                 handleLink(data.link);
               }}
             >
-              <span>{data.name}</span>
+              <span className="whitespace-nowrap">{data.name}</span>
               <img src="/img/icon-ecolink.svg" alt="" width={16} height={16} />
             </div>
             <div className="name mt-[5px]">{data.handler}</div>
@@ -440,20 +445,54 @@ const EcoDApp = (props: {
               </div>
               <div className="detail-item text-right  w-full">
                 <div className="detail-label">Action</div>
-                <div className="detail-value flex justify-end items-center gap-[4px]">
-                  <div
-                    className="text-right whitespace-nowrap text-[#0BC48F] cursor-pointer"
-                    onClick={(e) => handleLink(detail.actionLink || data.link)}
-                  >
-                    <GradientText>{detail.action}</GradientText>
+                {detail.actionLinks ? (
+                  <Dropdown>
+                    <DropdownTrigger>
+                      <div className="detail-value flex justify-end items-center gap-[4px]">
+                        <div className="text-right whitespace-nowrap text-[#0BC48F] cursor-pointer">
+                          <GradientText>{detail.action}</GradientText>
+                        </div>
+                        <img
+                          src="/img/open-in-new-s2.svg"
+                          alt=""
+                          width={20}
+                          height={20}
+                        />
+                      </div>
+                    </DropdownTrigger>
+                    <DropdownMenu
+                      aria-label="action"
+                      itemClasses={{
+                        base: "gap-4",
+                      }}
+                    >
+                      {detail.actionLinks.map((link, index) => (
+                        <DropdownItem
+                          className="whitespace-nowrap"
+                          key={index}
+                          onClick={() => handleLink(link)}
+                        >
+                          {link}
+                        </DropdownItem>
+                      ))}
+                    </DropdownMenu>
+                  </Dropdown>
+                ) : (
+                  <div className="detail-value flex justify-end items-center gap-[4px]">
+                    <div
+                      className="text-right whitespace-nowrap text-[#0BC48F] cursor-pointer"
+                      onClick={() => handleLink(detail.actionLink || data.link)}
+                    >
+                      <GradientText>{detail.action}</GradientText>
+                    </div>
+                    <img
+                      src="/img/open-in-new-s2.svg"
+                      alt=""
+                      width={20}
+                      height={20}
+                    />
                   </div>
-                  <img
-                    src="/img/open-in-new-s2.svg"
-                    alt=""
-                    width={20}
-                    height={20}
-                  />
-                </div>
+                )}
               </div>
             </div>
           ))}
@@ -1009,6 +1048,63 @@ export default function EcoDApps({
           },
         ],
       },
+      {
+        category: "spotdex",
+        iconURL: "/img/icon-steer.png",
+        name: "Steer",
+        link: "https://app.steer.finance/novaswap",
+        handler: "@steerprotocol",
+        type: "DEX",
+        rewardsIcon: [
+          { name: "Nova Points", iconURL: "/img/icon-rewards-nova.svg" },
+        ],
+        rewards: "20x Boost",
+        holdingPoints: getHoldingPointsByProject("steer"),
+        totalPoints: getTotalPointsByProject("steer"),
+        details: [
+          {
+            booster: (
+              <div>
+                <p>20x for ETH, WETH, Merged WBTC, USDT, USDC</p>
+                <p>
+                  10x for canonically bridged tokens eligible to earn points
+                </p>
+              </div>
+            ),
+            description: `You earn points based on the liquidity you've supplied to the pool over a specific period, with the points multiplied accordingly.`,
+            action: "Provide Liquidity",
+          },
+        ],
+      },
+      {
+        category: "gamefi",
+        iconURL: "/img/icon-skyrangers.png",
+        name: "Sky Rangers",
+        link: "https://statics.skyrangers.io/",
+        handler: "@OfficialSkyRang",
+        type: "DEX",
+        rewardsIcon: [
+          { name: "Nova Points", iconURL: "/img/icon-rewards-nova.svg" },
+        ],
+        rewards: "Interaction",
+        holdingPoints: getHoldingPointsByProject("skyrangers"),
+        totalPoints: getTotalPointsByProject("skyrangers"),
+        details: [
+          {
+            booster: (
+              <div>
+                <p>Open Blindbox, NFT Level Up, ZKL Deposit, ZKL Withdraw</p>
+              </div>
+            ),
+            description: `With a total 5x of any supported actions, you can receive 1 Nova Points.`,
+            action: "Play now",
+            actionLinks: [
+              "https://statics.skyrangers.io/",
+              "https://t.me/SkyRangers_bot",
+            ],
+          },
+        ],
+      },
     ];
 
     return tabActive

diff --git a/src/pages/DashboardS2/index2.tsx b/src/pages/DashboardS2/index2.tsx
@@ -339,11 +339,11 @@ export default function Dashboard() {
       name: "Lending",
       category: "lending",
     },
-    // {
-    //   iconURL: "/img/icon-sector-6.svg",
-    //   name: "GameFi",
-    //   category: "gamefi",
-    // },
+    {
+      iconURL: "/img/icon-sector-6.svg",
+      name: "GameFi",
+      category: "gamefi",
+    },
     {
       iconURL: "/img/icon-sector-7.svg",
       name: "Others",
@@ -511,10 +511,10 @@ export default function Dashboard() {
         name: "Lending Points",
         category: "lending",
       },
-      // {
-      //   name: "GameFi Points",
-      //   category: "gamefi",
-      // },
+      {
+        name: "GameFi Points",
+        category: "gamefi",
+      },
       {
         name: "Others Points",
         category: "other",

diff --git a/src/pages/Leaderboard/index.tsx b/src/pages/Leaderboard/index.tsx
@@ -457,7 +457,7 @@ export default function Leaderboard() {
       iconURL: "/img/icon-sector-4.svg",
     },
     { name: "Lending", category: "lending", iconURL: "/img/icon-sector-5.svg" },
-    // { name: "GameFi", category: "gamefi" },
+    { name: "GameFi", category: "gamefi" },
     { name: "Other", category: "other", iconURL: "/img/icon-sector-7.svg" },
   ];
 

diff --git a/vite.config.ts b/vite.config.ts
@@ -47,8 +47,8 @@ export default defineConfig({
     port: 3001,
     proxy: {
       "/app-api": {
-        target: "https://goerli.app.zklink.io",
-        // target: "https://app-api.zklink.io",
+        // target: "https://goerli.app.zklink.io",
+        target: "https://app-api.zklink.io",
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/app-api/, ""),
       },