End Arb rewards (#806)

--------- Co-authored-by: WormholeBot <[email protected]>
XLabs · Apr 1, 2024 · 30270fa · 30270fa
1 parent a108a67
commit 30270fa
Show file tree

Hide file tree

Showing 10 changed files with 141 additions and 102 deletions.
diff --git a/apps/rewards-dashboard/index.html b/apps/rewards-dashboard/index.html
@@ -8,7 +8,6 @@
   <body class="min-h-screen w-screen bg-[#010619] flex flex-col overflow-x-hidden overflow-y-hidden" >
     <div id="root" class="
       w-screen max-w-[1440px] grow flex flex-col overflow-y-auto h-screen
-      px-4 md:px-8
       "></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

diff --git a/apps/rewards-dashboard/package-lock.json b/apps/rewards-dashboard/package-lock.json
diff --git a/apps/rewards-dashboard/package.json b/apps/rewards-dashboard/package.json
@@ -18,6 +18,7 @@
     "@gfxlabs/oku-chains": "^0.0.19",
     "@lingui/macro": "^4.6.0",
     "@lingui/react": "^4.6.0",
+    "@swc/core": "1.3.105",
     "@tanstack/react-query": "^5.15.4",
     "@uidotdev/usehooks": "^2.4.1",
     "@web3modal/wagmi": "^3.5.0",
@@ -29,7 +30,7 @@
   },
   "devDependencies": {
     "@lingui/cli": "^4.6.0",
-    "@lingui/swc-plugin": "^4.0.4",
+    "@lingui/swc-plugin": "^4.0.6",
     "@lingui/vite-plugin": "^4.6.0",
     "@tailwindcss/typography": "^0.5.10",
     "@types/node": "^20.10.5",

diff --git a/apps/rewards-dashboard/src/App.tsx b/apps/rewards-dashboard/src/App.tsx
@@ -1,21 +1,56 @@
+import { useState } from "react";
 import "./App.css";
 import { Background } from "./components/Background";
 import { Footer } from "./components/Footer";
 import { Header } from "./components/Header";
 import { DashboardLayout } from "./layouts/DashboardLayout";
 import { AppProvider } from "./providers";
+import { Trans } from "@lingui/macro";
+import { RxCross1 } from "react-icons/rx";
 
 function App() {
+  const [hideModal, setHideModal] = useState(false);
   return (
     <>
       <AppProvider>
         <Background>
+          {hideModal ? (
+            <></>
+          ) : (
+            <div className="absolute flex flex-col grow h-full w-full scrollbar-hide justify-center items-center ">
+              <div className="w-96 h-40 bg-[#262b5a] z-10 rounded-3xl border border-1 border-gray-500">
+                <div className="flex flex-col gap-4">
+                  <div className="flex flex-row justify-between text-gray-300 py-1 justify-center border-b border-gray-500 ">
+                    <div className="flex flex-row items-center grow justify-center text-white pl-5">
+                      <Trans>Program Completed</Trans>
+                    </div>
+                    <div className="flex flex-row items-center justify-center">
+                      <a
+                        className="hover:cursor-pointer pr-3"
+                        onClick={() => {
+                          setHideModal(true);
+                        }}
+                      >
+                        <RxCross1 />
+                      </a>
+                    </div>
+                  </div>
+                  <div className="flex flex-row justify-start text-white text-sm">
+                    <p className="align-start w-full text-center whitespace-pre">
+                      <Trans>Rewards Ended Information</Trans>
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
           <div
-            className="
-            flex flex-col grow h-full
-            justify-between
-            overflow-scroll scrollbar-hide
-            "
+            className={`
+              flex flex-col grow h-full
+              justify-between
+              overflow-scroll scrollbar-hide
+              ${!hideModal && "blur-sm"}
+              `}
           >
             <Header />
             {

diff --git a/apps/rewards-dashboard/src/constants.ts b/apps/rewards-dashboard/src/constants.ts
@@ -1,3 +1,3 @@
 export const WAC_URL = import.meta.env.VITE_WAC_URL
   ? import.meta.env.VITE_WAC_URL
-  : "https://wac.staging.gfx.town";
+  : "https://wac.gfx.xyz";