Seekers Airdrop (#73)

* feat: rainbowkit and base dark * feat: old dark mode * feat: base dark mode * feat: static * feat: static * feat: tge * feat: contact us * feat: refresh * chore: update components version * feat: adjust * chore: update dep and url * feat: desc * Some more tweaks * feat: adjust style * feat: markdown break * fix: merge * Some more tweaks * Update branding * chore: change url * Remove text * Update Header * Update URL --------- Co-authored-by: cyrbuzz <[email protected]>
subquery · Jan 9, 2024 · 7ba1abb · 7ba1abb
1 parent 41c4261
commit 7ba1abb
Show file tree

Hide file tree

Showing 79 changed files with 4,589 additions and 1,421 deletions.
diff --git a/.env b/.env
@@ -4,4 +4,6 @@ REACT_APP_CLAIM_ENABLED=true
 REACT_APP_NETWORK=kepler
 REACT_APP_DEPLOYMENT_ID=QmeGQDDHTBRrRJoVxTEacwXoWhr4JjwgCTW8f2GpQGbg2g
 REACT_APP_VESTING_SUBQL=https://api.subquery.network/sq/subquery/network-vesting
-REACT_APP_AUTH_URL=https://kepler-auth.subquery.network
+REACT_APP_AUTH_URL=https://kepler-auth.subquery.network
+REACT_APP_CHALLENGE_URL=https://airdrop-challenge-api.subquery.network
+GENERATE_SOURCEMAP=false
diff --git a/package.json b/package.json
@@ -2,14 +2,25 @@
   "name": "sqt-airdrop",
   "version": "0.1.0",
   "private": true,
+  "scripts": {
+    "dev": "DISABLE_ESLINT_PLUGIN=true GENERATE_SOURCEMAP=false env-cmd -f stage.env craco start",
+    "prod": "craco start",
+    "build:dev": "env-cmd -f stage.env craco build",
+    "build": "craco build",
+    "test": "craco test",
+    "eject": "react-scripts eject",
+    "lint": "eslint --fix .",
+    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc"
+  },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
     "@apollo/client": "^3.6.9",
     "@craco/craco": "^6.4.3",
     "@ethersproject/units": "^5.6.1",
+    "@rainbow-me/rainbowkit": "^1.2.0",
     "@subql/apollo-links": "^1.0.8",
-    "@subql/components": "1.0.3-17",
-    "@subql/contract-sdk": "0.16.1-4",
+    "@subql/components": "1.0.3-27",
+    "@subql/contract-sdk": "0.17.1-1",
     "@subql/network-config": "0.3.17-0",
     "@subql/network-query": "0.3.16-12",
     "@subql/react-hooks": "0.3.16-18",
@@ -30,6 +41,7 @@
     "antd": "^5.9.2",
     "apollo": "^2.34.0",
     "assert": "^2.0.0",
+    "axios": "^1.6.3",
     "clsx": "^1.2.1",
     "craco-less": "^3.0.1",
     "craco-webpack-resolve": "^1.2.1",
@@ -54,18 +66,10 @@
     "remark-gfm": "^3.0.1",
     "swr": "^1.2.2",
     "typescript": "^4.4.2",
+    "viem": "^1.21.4",
+    "wagmi": "^1.4.6",
     "web-vitals": "^2.1.0"
   },
-  "scripts": {
-    "dev": "DISABLE_ESLINT_PLUGIN=true & env-cmd -f stage.env craco start",
-    "prod": "craco start",
-    "build:dev": "env-cmd -f stage.env craco build",
-    "build": "craco build",
-    "test": "craco test",
-    "eject": "react-scripts eject",
-    "lint": "eslint --fix .",
-    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc"
-  },
   "browserslist": {
     "production": [
       "chrome >= 67",

diff --git a/public/icons/logo.png b/public/icons/logo.png
diff --git a/public/index.html b/public/index.html
@@ -61,6 +61,11 @@
       name="twitter:image"
       content="https://static.subquery.network/link-share.jpg"
     />
+    <style>
+      html,body {
+        background: #060f32;
+      }
+    </style>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/static/connectWallet.png b/public/static/connectWallet.png
diff --git a/src/App.module.css b/src/App.module.css
@@ -1,10 +1,36 @@
 .app {
+  width: 100vw;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  background: var(--dark-mode-background);
+  min-height: 100vh;
+
   display: flex;
   flex-direction: column;
-  text-align: center;
-  width: fit-content;
+  justify-content: space-between;
+  align-items: center;
+
+  background-image: url("https://static.subquery.network/design/images/homeFooter.png");
+  @supports (background-image: url("https://static.subquery.network/design/images/homeFooter.webp")) {
+    background-image: url("https://static.subquery.network/design/images/homeFooter.webp");
+  }
+  background-repeat: no-repeat;
+  background-position: center 98%;
+  background-size: 2543px 793px;
+  background-size: max(2543px, 100%) 793px;
 }
 
+@media screen and (max-width: 700px) {
+  .app {
+    min-width: unset;
+    background-image: url("https://static.subquery.network/design/images/mobileFooter.png")!important;
+    background-size: 100vw 1080px;
+    background-position: center bottom;
+  }
+}
+
+
 .appBody {
   flex: 1;
 }
diff --git a/src/App.test.tsx b/src/App.test.tsx
diff --git a/src/App.tsx b/src/App.tsx
@@ -9,19 +9,17 @@ import '@subql/components/dist/subquery-components.css';
 import { TERMS_URL } from 'appConstants';
 import { Header } from 'components';
 import { Footer } from 'components/Footer/Footer';
-import { useWeb3 } from 'containers';
 import { AppContext } from 'contextProvider';
 import { Home, NotFoundPage } from 'pages';
 import { TermsAndConditions } from 'pages/termsAndConditions';
 import { fetcher } from 'utils';
+import { SubqlProvider } from '@subql/components';
 
 import styles from './App.module.css';
 
 import 'i18n';
 
 function App() {
-  const { error: web3Error } = useWeb3();
-  console.log('web3Error', web3Error);
   const { setTermsAndConditions, setTermsAndConditionsVersion } = useContext(AppContext);
 
   const { data, error } = useSWR(TERMS_URL, fetcher);
@@ -35,16 +33,18 @@ function App() {
 
   return (
     <div className={styles.app}>
-      <Header />
-      <div className={styles.appBody}>
-        <Routes>
-          <Route path="/" element={<Home />} />
-          <Route path="/terms-and-conditions" element={<TermsAndConditions />} />
-          <Route path="/404" element={<NotFoundPage />} />
-          <Route path="*" element={<Home />} />
-        </Routes>
-      </div>
-      <Footer />
+      <SubqlProvider theme="dark">
+        <Header />
+        <div className={styles.appBody}>
+          <Routes>
+            <Route path="/" element={<Home />} />
+            <Route path="/terms-and-conditions" element={<TermsAndConditions />} />
+            <Route path="/404" element={<NotFoundPage />} />
+            <Route path="*" element={<Home />} />
+          </Routes>
+        </div>
+        <Footer />
+      </SubqlProvider>
     </div>
   );
 }

diff --git a/src/NetworkConnector.ts b/src/NetworkConnector.ts
diff --git a/src/components/Airdrop/Airdrop.module.css b/src/components/Airdrop/Airdrop.module.css