Refactor Portal (#376)

* Clean up code

* Refactor portal

* Improve how-to-add-portal

* Html background

* Fix hero text on mobile

* Remove typewriter

* Logo use svg

* Flip on click

* Update spacing between portal logo and name

* Implement connect wallet

* Fix typo

.eslintrc.cjs

@@ -0,0 +1,16 @@
+// eslint-disable-next-line no-undef
+module.exports = {
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'prettier',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': 'warn',
+  },
+}

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ jobs:
 
       - uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: '16'
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
@@ -35,8 +35,8 @@ jobs:
       - name: Lint script
         run: yarn lint
 
-      - name: Lint style
-        run: yarn stylelint
+      # - name: Lint style
+      #   run: yarn stylelint
 
       - name: Test build
         run: yarn build

.github/workflows/deploy-dev.yml

@@ -25,12 +25,12 @@ jobs:
         run: yarn install
 
       - name: Build
-        run: yarn build:dev
+        run: yarn build
 
       - name: Prepare Project Config
         run: |
+          mv dist build
           mv vercel.json build/
-          mv faucet/* build/
 
       - uses: ./.github/actions/smart-vercel
         name: Deploy to Vercel

.github/workflows/deploy-prd.yml

@@ -31,8 +31,8 @@ jobs:
 
       - name: Prepare Project Config
         run: |
+          mv dist build
           mv vercel.json build/
-          mv faucet/* build/
 
       - uses: ./.github/actions/smart-vercel
         name: Deploy to Vercel

.github/workflows/deploy-stg.yml

@@ -30,8 +30,8 @@ jobs:
 
       - name: Prepare Project Config
         run: |
+          mv dist build
           mv vercel.json build/
-          mv faucet/* build/
 
       - uses: ./.github/actions/smart-vercel
         name: Deploy to Vercel

.gitignore

@@ -1,28 +1,24 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-/plugins/theme.css
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-.vscode
-.eslintcache
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
 .idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.lintstagedrc.json

@@ -0,0 +1,4 @@
+{
+  "./src/**/*.{ts,tsx}": ["eslint --fix", "prettier --write"],
+  "./src/**/*.css": ["prettier --write"]
+}

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+  "printWidth": 120,
+  "plugins": ["prettier-plugin-tailwindcss"]
+}