arbitrum rewards dashboard (#650)

* ard

* setup CI deployment

* center

* fix copy

* add WC PROJECT ID param

* update readme, etc

* remove react svg

* make sync

---------

Co-authored-by: Sebastian Scatularo <[email protected]>

.github/workflows/build.yml

@@ -134,7 +134,36 @@ jobs:
         with:
           name: build-redirects
           path: apps/redirects/dist
-
+  rewards-dashboard:
+    name: "Rewards Dashboard"
+    runs-on: "ubuntu-latest"
+    concurrency:
+      group: ${{ github.ref }}-${{inputs.name}}-rewards-dashboard
+      cancel-in-progress: true
+    environment: ${{inputs.environment}}
+    steps:
+      - name: Set up Node environment
+        uses: actions/setup-node@v3
+        with:
+          node-version: v18.17.1
+      - name: Checkout Rewards Dashboard
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ inputs.project-branch }}
+      - name: Build Rewards Dashboard
+        env:
+          PUBLIC_URL: ${{ inputs.public-url }}
+          VITE_APP_WALLET_CONNECT_PROJECT_ID: ${{ secrets.REACT_APP_WALLET_CONNECT_PROJECT_ID }}
+        run: |
+          pushd apps/rewards-dashboard
+          npm ci
+          npm run build
+      - name: Upload Rewards Dashboard Artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: build-rewards-dashboard
+          path: apps/rewards-dashboard/dist
+
   usdc-bridge:
     name: "USDC Bridge"
     runs-on: "ubuntu-latest"
@@ -272,6 +301,7 @@ jobs:
       - advanced-tools
       - usdc-bridge
       - token-bridge
+      - rewards-dashboard
       - redirects
       - docs
     runs-on: "ubuntu-latest"
@@ -301,6 +331,11 @@ jobs:
         with:
           name: build-docs
           path: docs
+      - name: Download Artifact
+        uses: actions/download-artifact@v3
+        with:
+          name: build-rewards-dashboard
+          path: rewards-dashboard
       - name: Download Artifact
         uses: actions/download-artifact@v3
         with:

Makefile

@@ -0,0 +1,15 @@
+.PHONY: all advanced-tools redirects usdc-bridge token-bridge
+
+
+all:
+	act --artifact-server-path /tmp/act-artifacts pull_request -s GITHUB_TOKEN=${GITHUB_TOKEN} -P=xlabs-large-runner=catthehacker/ubuntu:act-latest --container-options "--memory=10G"
+advanced-tools:
+	act --artifact-server-path /tmp/act-artifacts pull_request -j advanced-tools  -s GITHUB_TOKEN=${GITHUB_TOKEN} -P=xlabs-large-runner=catthehacker/ubuntu:act-latest --container-options "--memory=12g"
+redirects:
+	act --artifact-server-path /tmp/act-artifacts pull_request -j redirects
+usdc-bridge:
+	act --artifact-server-path /tmp/act-artifacts pull_request -j usdc-bridge -s GITHUB_TOKEN=${GITHUB_TOKEN}
+token-bridge:
+	act --artifact-server-path /tmp/act-artifacts pull_request -j token-bridge -s GITHUB_TOKEN=${GITHUB_TOKEN}
+rewards-dashboard:
+	act --artifact-server-path /tmp/act-artifacts pull_request -j rewards-dashboard -s GITHUB_TOKEN=${GITHUB_TOKEN}

apps/connect/vite.config.ts

@@ -14,6 +14,7 @@ const MAINNET_RPCS =  {
   }
 }
 
+
 // https://vitejs.dev/config/
 export default defineConfig({
   base: process.env.PUBLIC_URL || '',
@@ -34,7 +35,7 @@ export default defineConfig({
     }
   },
   plugins: [
-    react(), 
+    react(),
     viteStaticCopy({
       targets: [
         {

apps/connect/vite.token-bridge.config.ts

@@ -44,7 +44,8 @@ export default defineConfig({
     ...viteConfig?.define,
     navBar: [
       { label: "Home", active: true, href: `${PUBLIC_URL}/` },
-      { label: "USDC", href: USDC_BRIDGE_HREF }
+      { label: "USDC", href: USDC_BRIDGE_HREF },
+      { label: "Rewards", href: `${PUBLIC_URL}/rewards-dashboard` }
     ],
     redirects: {
       source: [

apps/connect/vite.usdc-bridge.config.ts

@@ -13,7 +13,8 @@ export default defineConfig({
     ...viteConfig?.define,
     navBar: [
       { label: "Home", href: `${PUBLIC_URL}/` },
-      { label: "USDC", active: true, href: `${PUBLIC_URL}/usdc-bridge` }
+      { label: "USDC", active: true, href: `${PUBLIC_URL}/usdc-bridge` },
+      { label: "Rewards", href: `${PUBLIC_URL}/rewards-dashboard` }
     ],
     wormholeConnectConfig: {
       ...viteConfig?.define?.wormholeConnectConfig,

apps/docs/docs/faqs/_liquid-markets/matic-sol.md

@@ -1,4 +1,4 @@
 | Token (origin) | Token (target)   | Markets                                                   | Contract address                             | Notes  |
 |----------------|------------------|-----------------------------------------------------------|----------------------------------------------|--------|
-| USDC.e           | USDCpo(Wormhole) | [Saber](https://app.saber.so), [Jupiter](https://jup.ag/) | E2VmbootbVCBkMNNxKQgCLMS1X3NoGMaYAsufaAsf7M  | wpUSDC |
+| USDC           | USDCpo(Wormhole) | [Saber](https://app.saber.so), [Jupiter](https://jup.ag/) | E2VmbootbVCBkMNNxKQgCLMS1X3NoGMaYAsufaAsf7M  | wpUSDC |
 | USDT           | USDTpo(Wormhole) | [Saber](https://app.saber.so), [Jupiter](https://jup.ag/) | 5goWRao6a3yNC4d6UjMdQxonkCMvKBwdpubU3qhfcdf1 | wpUSDT |

apps/rewards-dashboard/.eslintrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

apps/rewards-dashboard/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

apps/rewards-dashboard/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps = true

apps/rewards-dashboard/.prettierignore

@@ -0,0 +1 @@
+src/locales/*

apps/rewards-dashboard/.prettierrc.json

@@ -0,0 +1,13 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always"
+}

apps/rewards-dashboard/README.md

@@ -0,0 +1,21 @@
+# Arbitrum Rewards Dashboard
+
+
+This is the source for the arbitrum rewards dashboard site.
+
+It is a vite+react app with tailwindcss, using lingui as a local cms
+
+setup:
+```
+npm i
+```
+
+dev server:
+```
+npm run dev
+```
+
+generate lingui:
+```
+npm run lingui:extract
+```

apps/rewards-dashboard/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Arb Rewards Dashboard</title>
+  </head>
+  <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>
+</html>

apps/rewards-dashboard/lingui.config.ts

@@ -0,0 +1,13 @@
+import type { LinguiConfig } from "@lingui/conf";
+
+const config: LinguiConfig = {
+  locales: ["en"],
+  catalogs: [
+    {
+      path: "<rootDir>/src/locales/{locale}",
+      include: ["src"],
+    },
+  ],
+};
+
+export default config;