From 0c22f7592aa1523afd5a093d115c477263a44ec9 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Sun, 26 Feb 2023 17:17:26 +0800
Subject: [PATCH 01/12] feat: connect wallet (#24)

Add header
---
 src/pages/daos/[address].tsx | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index e86f1ca..fcd7182 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -1,7 +1,6 @@
 import Head from 'next/head'
 import Image from 'next/image'
 import { PT_Mono } from '@next/font/google'
-import styles from '@/styles/Home.module.css'
 import { config } from '@/utils/Config'
 import { chainUtils } from '@/utils/ChainUtils'
 import { configureChains, createClient, readContract, readContracts } from '@wagmi/core'
@@ -30,7 +29,7 @@ export default function DAO({ dao, priorities }: any) {
   console.log('priorities:', priorities)
 
   const headTitle = 'Sector#3 / ' + dao.name
-  const headDescription = dao.purpose
+  const headDescription = 'Purpose: ' + dao.purpose
 
   return (
     <>
@@ -45,16 +44,27 @@ export default function DAO({ dao, priorities }: any) {
         {/* <source src="https://video.twimg.com/tweet_video/FpM9CcwagAIiRD7.mp4" type="video/mp4" /> */}
       </video>
 
-      <main className={styles.main}>
-        <div className={styles.description}>
-          <p>
-            <Image
-              alt="Logo"
-              width={64}
-              height={64}
-              src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2/logo.png"
-            /> <b>{dao.name}</b> {dao.purpose}
-          </p>
+      <main className='p-2 sm:p-4 md:p-8 lg:p-16 xl:p-32 2xl:p-64'>
+        <div id='header' className='md:flex p-6 bg-black rounded-xl'>
+          <div className='md:w-2/3 flex'>
+            <div className='w-1/6'>
+              <Image
+                alt="DAO token"
+                width={100}
+                height={100}
+                src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0x2d94AA3e47d9D5024503Ca8491fcE9A2fB4DA198/logo.png"
+              />
+            </div>
+            <div className='w-5/6 pl-6'>
+              <h2 className='text-xl font-bold'>{dao.name}</h2>
+              <p className='text-gray-400 pb-6 md:pb-0'>Purpose: {dao.purpose}</p>
+            </div>
+          </div>
+          <div className='text-center md:text-right md:w-1/3'>
+            <button className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
+              ♦ Connect
+            </button>
+          </div>
         </div>
 
         <div className='container mt-4'>

From 1034e9fd4dd7d0c9cd69983922a9b4ffa92102b3 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Mon, 27 Feb 2023 14:43:00 +0800
Subject: [PATCH 02/12] feat: connect wallet (#24)

Add connect button
---
 public/ethereum.svg          |  1 +
 src/pages/daos/[address].tsx | 18 +++++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 public/ethereum.svg

diff --git a/public/ethereum.svg b/public/ethereum.svg
new file mode 100644
index 0000000..622c110
--- /dev/null
+++ b/public/ethereum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px"><path stroke="white" fill="white" d="M 25.984375 0.98632812 A 1.0001 1.0001 0 0 0 25.099609 1.5527344 L 11.169922 23.443359 A 1.0009551 1.0009551 0 0 0 11.107422 23.548828 A 1.0009551 1.0009551 0 0 0 11.105469 23.550781 A 1.0001 1.0001 0 0 0 11.066406 23.640625 A 1.0009551 1.0009551 0 0 0 11.013672 23.833984 A 1.0001 1.0001 0 0 0 11 24.033203 A 1.0009551 1.0009551 0 0 0 11 24.035156 A 1.0001 1.0001 0 0 0 11.007812 24.132812 A 1.0009551 1.0009551 0 0 0 11.011719 24.152344 A 1.0001 1.0001 0 0 0 11.046875 24.298828 A 1.0001 1.0001 0 0 0 11.054688 24.326172 A 1.0009551 1.0009551 0 0 0 11.054688 24.328125 A 1.0001 1.0001 0 0 0 11.091797 24.419922 A 1.0009551 1.0009551 0 0 0 11.091797 24.421875 A 1.0001 1.0001 0 0 0 11.138672 24.507812 A 1.0009551 1.0009551 0 0 0 11.138672 24.509766 A 1.0001 1.0001 0 0 0 11.193359 24.591797 A 1.0009551 1.0009551 0 0 0 11.222656 24.626953 A 1.0001 1.0001 0 0 0 11.257812 24.669922 A 1.0001 1.0001 0 0 0 11.326172 24.740234 A 1.0009551 1.0009551 0 0 0 11.328125 24.742188 A 1.0009551 1.0009551 0 0 0 11.486328 24.859375 A 1.0009551 1.0009551 0 0 0 11.488281 24.861328 A 1.0001 1.0001 0 0 0 11.503906 24.869141 A 1.0009551 1.0009551 0 0 0 11.505859 24.871094 L 25.378906 32.798828 A 1.0001 1.0001 0 0 0 26.613281 32.802734 L 40.474609 24.880859 A 1.0009551 1.0009551 0 0 0 40.496094 24.869141 A 1.0001 1.0001 0 0 0 40.560547 24.828125 A 1.0009551 1.0009551 0 0 0 40.580078 24.814453 A 1.0001 1.0001 0 0 0 40.59375 24.802734 A 1.0009551 1.0009551 0 0 0 40.654297 24.757812 A 1.0009551 1.0009551 0 0 0 40.658203 24.753906 A 1.0001 1.0001 0 0 0 40.669922 24.744141 A 1.0009551 1.0009551 0 0 0 40.730469 24.683594 A 1.0009551 1.0009551 0 0 0 40.794922 24.607422 A 1.0009551 1.0009551 0 0 0 40.849609 24.527344 A 1.0009551 1.0009551 0 0 0 40.851562 24.525391 A 1.0001 1.0001 0 0 0 40.853516 24.519531 A 1.0009551 1.0009551 0 0 0 40.900391 24.439453 A 1.0009551 1.0009551 0 0 0 40.900391 24.4375 A 1.0001 1.0001 0 0 0 40.931641 24.367188 A 1.0009551 1.0009551 0 0 0 40.939453 24.345703 A 1.0001 1.0001 0 0 0 40.947266 24.322266 A 1.0009551 1.0009551 0 0 0 40.966797 24.253906 A 1.0009551 1.0009551 0 0 0 40.96875 24.25 A 1.0001 1.0001 0 0 0 40.970703 24.244141 A 1.0009551 1.0009551 0 0 0 40.988281 24.152344 A 1.0001 1.0001 0 0 0 40.998047 24.076172 A 1.0009551 1.0009551 0 0 0 40.998047 24.068359 A 1.0001 1.0001 0 0 0 41 23.976562 A 1.0001 1.0001 0 0 0 40.996094 23.917969 A 1.0009551 1.0009551 0 0 0 40.990234 23.855469 A 1.0009551 1.0009551 0 0 0 40.990234 23.853516 A 1.0001 1.0001 0 0 0 40.988281 23.84375 A 1.0009551 1.0009551 0 0 0 40.970703 23.759766 A 1.0009551 1.0009551 0 0 0 40.970703 23.755859 A 1.0001 1.0001 0 0 0 40.949219 23.681641 A 1.0009551 1.0009551 0 0 0 40.941406 23.660156 A 1.0001 1.0001 0 0 0 40.931641 23.636719 A 1.0009551 1.0009551 0 0 0 40.904297 23.570312 A 1.0009551 1.0009551 0 0 0 40.902344 23.568359 A 1.0001 1.0001 0 0 0 40.900391 23.5625 A 1.0009551 1.0009551 0 0 0 40.853516 23.480469 A 1.0001 1.0001 0 0 0 40.847656 23.470703 A 1.0009551 1.0009551 0 0 0 40.84375 23.462891 L 40.8125 23.416016 L 26.896484 1.546875 A 1.0001 1.0001 0 0 0 25.984375 0.98632812 z M 25 5.4355469 L 25 17.339844 L 14.583984 21.802734 L 25 5.4355469 z M 27 5.4355469 L 37.416016 21.802734 L 27 17.339844 L 27 5.4355469 z M 25 19.515625 L 25 30.275391 L 14.242188 24.128906 L 25 19.515625 z M 27 19.515625 L 37.757812 24.128906 L 27 30.275391 L 27 19.515625 z M 40.007812 27.998047 A 1.0001 1.0001 0 0 0 39.503906 28.130859 L 26 35.847656 L 12.496094 28.130859 A 1.0001 1.0001 0 0 0 12.019531 28 A 1.0001 1.0001 0 0 0 11.195312 29.59375 L 25.128906 48.503906 A 1.0001 1.0001 0 0 0 26.869141 48.505859 L 40.804688 29.59375 A 1.0001 1.0001 0 0 0 40.007812 27.998047 z M 15.613281 32.216797 L 25 37.582031 L 25 44.957031 L 15.613281 32.216797 z M 36.386719 32.216797 L 27 44.957031 L 27 37.582031 L 36.386719 32.216797 z"/></svg>
\ No newline at end of file
diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index fcd7182..f1fa15b 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -3,7 +3,7 @@ import Image from 'next/image'
 import { PT_Mono } from '@next/font/google'
 import { config } from '@/utils/Config'
 import { chainUtils } from '@/utils/ChainUtils'
-import { configureChains, createClient, readContract, readContracts } from '@wagmi/core'
+import { configureChains, connect, ConnectResult, createClient, InjectedConnector, Provider, readContract, readContracts } from '@wagmi/core'
 import { publicProvider } from '@wagmi/core/providers/public'
 import Sector3DAO from '../../../abis/Sector3DAO.json'
 import Sector3DAOPriority from '../../../abis/Sector3DAOPriority.json'
@@ -22,6 +22,14 @@ const client = createClient({
   provider
 })
 
+const connectWallet = async () => {
+  console.log('connectWallet')
+
+  const result = await connect({
+    connector: new InjectedConnector()
+  })
+}
+
 export default function DAO({ dao, priorities }: any) {
   console.log('DAO')
 
@@ -31,6 +39,8 @@ export default function DAO({ dao, priorities }: any) {
   const headTitle = 'Sector#3 / ' + dao.name
   const headDescription = 'Purpose: ' + dao.purpose
 
+  connectWallet()
+
   return (
     <>
       <Head>
@@ -62,14 +72,16 @@ export default function DAO({ dao, priorities }: any) {
           </div>
           <div className='text-center md:text-right md:w-1/3'>
             <button className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
-              ♦ Connect
+              <div className='flex'>
+                <Image alt='Ethereum' src='/ethereum.svg' width={24} height={24} className='mr-2' />Connect
+              </div>
             </button>
           </div>
         </div>
 
         <div className='container mt-4'>
           <Link href={`${config.etherscanDomain}/address/${dao.address}#writeContract#F1`} target='_blank'>
-            <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl'>Add Priority</button>
+            <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled>Add Priority</button>
           </Link>
 
           <h2 className="text-2xl text-gray-400">🎯 Priorities:</h2>

From 537d3703e2b9a7c9df9d993a249b329666a19a18 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Mon, 27 Feb 2023 14:51:19 +0800
Subject: [PATCH 03/12] feat: connect wallet (#24)

---
 src/pages/daos/[address].tsx | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index f1fa15b..7e8ee15 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -22,14 +22,6 @@ const client = createClient({
   provider
 })
 
-const connectWallet = async () => {
-  console.log('connectWallet')
-
-  const result = await connect({
-    connector: new InjectedConnector()
-  })
-}
-
 export default function DAO({ dao, priorities }: any) {
   console.log('DAO')
 
@@ -39,8 +31,6 @@ export default function DAO({ dao, priorities }: any) {
   const headTitle = 'Sector#3 / ' + dao.name
   const headDescription = 'Purpose: ' + dao.purpose
 
-  connectWallet()
-
   return (
     <>
       <Head>

From 46fd605cdd0f660c374d903ce37ee513cc3ae3e0 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Mon, 27 Feb 2023 20:52:12 +0800
Subject: [PATCH 04/12] refactor: replace @wagmi/core with wagmi (#24)

---
 README.md                    |    8 +-
 next.config.js               |    5 +
 package-lock.json            | 1379 +++++++++++-----------------------
 package.json                 |    4 +-
 src/pages/daos/[address].tsx |  252 ++++---
 src/utils/ChainUtils.ts      |    2 +-
 6 files changed, 612 insertions(+), 1038 deletions(-)

diff --git a/README.md b/README.md
index ed13832..4061b70 100644
--- a/README.md
+++ b/README.md
@@ -25,13 +25,7 @@ npm run dev
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+Note: Chain `localhost` does not support multicall.  Until fixed, use `goerli` or `mainnet` instead.
 
 ## Lint
 
diff --git a/next.config.js b/next.config.js
index 9b78db2..531d0d7 100644
--- a/next.config.js
+++ b/next.config.js
@@ -7,6 +7,11 @@ const nextConfig = {
         protocol: 'https',
         hostname: 'raw.githubusercontent.com',
         pathname: '/trustwallet/assets/**'
+      },
+      {
+        protocol: 'https',
+        hostname: 'cdn.stamp.fyi',
+        pathname: '/avatar/**'
       }
     ]
   }
diff --git a/package-lock.json b/package-lock.json
index a843da4..8969cd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,14 +12,14 @@
         "@types/node": "18.11.18",
         "@types/react": "18.0.27",
         "@types/react-dom": "18.0.10",
-        "@wagmi/core": "^0.9.5",
         "eslint": "8.33.0",
         "eslint-config-next": "13.1.6",
         "ethers": "^5.7.2",
         "next": "13.1.6",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "typescript": "4.9.5"
+        "typescript": "4.9.5",
+        "wagmi": "^0.11.7"
       },
       "devDependencies": {
         "autoprefixer": "^10.4.13",
@@ -53,29 +53,29 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.20.14",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.14.tgz",
-      "integrity": "sha512-0YpKHD6ImkWMEINCyDAD0HLLUH/lPCefG8ld9it8DJB2wnApraKuhgYTvTY1z7UFIfBTGy5LwncZ+5HWWGbhFw==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.0.tgz",
+      "integrity": "sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.20.12",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz",
-      "integrity": "sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.0.tgz",
+      "integrity": "sha512-PuxUbxcW6ZYe656yL3EAhpy7qXKq0DmYsrJLpbB8XrsCP9Nm+XCg9XFMb5vIDliPD7+U/+M+QJlH17XOcB7eXA==",
       "peer": true,
       "dependencies": {
-        "@ampproject/remapping": "^2.1.0",
+        "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.7",
+        "@babel/generator": "^7.21.0",
         "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-module-transforms": "^7.20.11",
-        "@babel/helpers": "^7.20.7",
-        "@babel/parser": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.21.0",
+        "@babel/helpers": "^7.21.0",
+        "@babel/parser": "^7.21.0",
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.12",
-        "@babel/types": "^7.20.7",
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -112,13 +112,14 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.20.14",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.14.tgz",
-      "integrity": "sha512-AEmuXHdcD3A52HHXxaTmYlb8q/xMEhoRP67B3T4Oq7lbmSoqroMZzjnGj3+i1io3pdnF8iBYVu4Ilj+c4hBxYg==",
+      "version": "7.21.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.1.tgz",
+      "integrity": "sha512-1lT45bAYlQhFn/BHivJs43AiW2rg3/UbLyShGfF3C0KmHvO5fSghWd5kBJy30kpRRucGzXStvnnCFniCR2kXAA==",
       "peer": true,
       "dependencies": {
-        "@babel/types": "^7.20.7",
+        "@babel/types": "^7.21.0",
         "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
       },
       "engines": {
@@ -212,13 +213,13 @@
       }
     },
     "node_modules/@babel/helper-function-name": {
-      "version": "7.19.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz",
-      "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
+      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
       "peer": true,
       "dependencies": {
-        "@babel/template": "^7.18.10",
-        "@babel/types": "^7.19.0"
+        "@babel/template": "^7.20.7",
+        "@babel/types": "^7.21.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -248,9 +249,9 @@
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.20.11",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz",
-      "integrity": "sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz",
+      "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==",
       "peer": true,
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.18.9",
@@ -259,8 +260,8 @@
         "@babel/helper-split-export-declaration": "^7.18.6",
         "@babel/helper-validator-identifier": "^7.19.1",
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.10",
-        "@babel/types": "^7.20.7"
+        "@babel/traverse": "^7.21.2",
+        "@babel/types": "^7.21.2"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -315,22 +316,22 @@
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz",
-      "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
+      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.20.13",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.13.tgz",
-      "integrity": "sha512-nzJ0DWCL3gB5RCXbUO3KIMMsBY2Eqbx8mBpKGE/02PgyRQFcPQLbkQ1vyy596mZLaP+dAfD+R4ckASzNVmW3jg==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz",
+      "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==",
       "peer": true,
       "dependencies": {
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.13",
-        "@babel/types": "^7.20.7"
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -422,9 +423,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.20.15",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.15.tgz",
-      "integrity": "sha512-DI4a1oZuf8wC+oAJA9RW6ga3Zbe8RZFt7kD9i4qAspz3I/yHet1VvC3DiSy/fsUvv5pvJuNPh0LPOdCcqinDPg==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.2.tgz",
+      "integrity": "sha512-URpaIJQwEkEC2T9Kn+Ai6Xe/02iNaVCuT/PtoRz3GPVJVDpPd7mLo+VddTbhCRU9TXqW5mSrQfXZyi8kDKOVpQ==",
       "peer": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -434,12 +435,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.19.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.19.6.tgz",
-      "integrity": "sha512-PRH37lz4JU156lYFW1p8OxE5i7d6Sl/zV58ooyr+q1J1lnQPyg5tIiXlIwNVhJaY4W3TmOtdc8jqdXQcB1v5Yw==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.21.0.tgz",
+      "integrity": "sha512-ReY6pxwSzEU0b3r2/T/VhqMKg/AkceBT19X0UptA3/tYi5Pe2eXgEUH+NNMC5nok6c6XQz5tyVTUpuezRfSMSg==",
       "dependencies": {
         "@babel/helper-module-imports": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.19.0",
+        "@babel/helper-plugin-utils": "^7.20.2",
         "babel-plugin-polyfill-corejs2": "^0.3.3",
         "babel-plugin-polyfill-corejs3": "^0.6.0",
         "babel-plugin-polyfill-regenerator": "^0.4.1",
@@ -486,19 +487,19 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.20.13",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.13.tgz",
-      "integrity": "sha512-kMJXfF0T6DIS9E8cgdLCSAL+cuCK+YEZHWiLK0SXpTo8YRj5lpJu3CDNKiIBCne4m9hhTIqUg6SYTAI39tAiVQ==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.2.tgz",
+      "integrity": "sha512-ts5FFU/dSUPS13tv8XiEObDu9K+iagEKME9kAbaP7r0Y9KtZJZ+NGndDvWoRAYNpeWafbpFeki3q9QoMD6gxyw==",
       "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.7",
+        "@babel/generator": "^7.21.1",
         "@babel/helper-environment-visitor": "^7.18.9",
-        "@babel/helper-function-name": "^7.19.0",
+        "@babel/helper-function-name": "^7.21.0",
         "@babel/helper-hoist-variables": "^7.18.6",
         "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.20.13",
-        "@babel/types": "^7.20.7",
+        "@babel/parser": "^7.21.2",
+        "@babel/types": "^7.21.2",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -516,9 +517,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.7.tgz",
-      "integrity": "sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.2.tgz",
+      "integrity": "sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.19.4",
         "@babel/helper-validator-identifier": "^7.19.1",
@@ -529,9 +530,9 @@
       }
     },
     "node_modules/@coinbase/wallet-sdk": {
-      "version": "3.6.3",
-      "resolved": "https://registry.npmjs.org/@coinbase/wallet-sdk/-/wallet-sdk-3.6.3.tgz",
-      "integrity": "sha512-XUR4poOJE+dKzwBTdlM693CdLFitr046oZOVY3iDnbFcRrrQswhbDji7q4CmUcD4HxbfViX7PFoIwl79YQcukg==",
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/@coinbase/wallet-sdk/-/wallet-sdk-3.6.4.tgz",
+      "integrity": "sha512-2ecCT0/pmaMNVyMF7J1ZLFTfLnpnrHNQOGyIcbMBIepeqlE3jndjU023OdwwVLrLXyvfyelJ8K1iwAOvyEZxUw==",
       "dependencies": {
         "@metamask/safe-event-emitter": "2.0.0",
         "@solana/web3.js": "^1.70.1",
@@ -540,7 +541,7 @@
         "buffer": "^6.0.3",
         "clsx": "^1.1.0",
         "eth-block-tracker": "4.4.3",
-        "eth-json-rpc-filters": "4.2.2",
+        "eth-json-rpc-filters": "5.1.0",
         "eth-rpc-errors": "4.0.2",
         "json-rpc-engine": "6.1.0",
         "keccak": "^3.0.1",
@@ -1814,7 +1815,7 @@
         "events": "^3.3.0"
       }
     },
-    "node_modules/@safe-global/safe-apps-sdk": {
+    "node_modules/@safe-global/safe-apps-provider/node_modules/@safe-global/safe-apps-sdk": {
       "version": "7.9.0",
       "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-7.9.0.tgz",
       "integrity": "sha512-S2EI+JL8ocSgE3uGNaDZCzKmwfhtxXZFDUP76vN0FeaY35itFMyi8F0Vhxu0XnZm3yLzJE3tp5px6GhuQFLU6w==",
@@ -1823,6 +1824,15 @@
         "ethers": "^5.7.2"
       }
     },
+    "node_modules/@safe-global/safe-apps-sdk": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-7.10.0.tgz",
+      "integrity": "sha512-is0QAHVoGkP06YfOPcp4X3/YUEA3wRdgFUyKZ4rT47uOEnzxA9Sm8BFJrIZqZOjjqC+aJXRMF0cE2qucS953rg==",
+      "dependencies": {
+        "@safe-global/safe-gateway-typescript-sdk": "^3.5.3",
+        "ethers": "^5.7.2"
+      }
+    },
     "node_modules/@safe-global/safe-gateway-typescript-sdk": {
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/@safe-global/safe-gateway-typescript-sdk/-/safe-gateway-typescript-sdk-3.7.0.tgz",
@@ -1843,9 +1853,9 @@
       }
     },
     "node_modules/@solana/web3.js": {
-      "version": "1.73.2",
-      "resolved": "https://registry.npmjs.org/@solana/web3.js/-/web3.js-1.73.2.tgz",
-      "integrity": "sha512-9WACF8W4Nstj7xiDw3Oom22QmrhBh0VyZyZ7JvvG3gOxLWLlX3hvm5nPVJOGcCE/9fFavBbCUb5A6CIuvMGdoA==",
+      "version": "1.73.3",
+      "resolved": "https://registry.npmjs.org/@solana/web3.js/-/web3.js-1.73.3.tgz",
+      "integrity": "sha512-vHRMo589XEIpoujpE2sZZ1aMZvfA1ImKfNxobzEFyMb+H5j6mRRUXfdgWD0qJ0sm11e5BcBC7HPeRXJB+7f3Lg==",
       "dependencies": {
         "@babel/runtime": "^7.12.5",
         "@noble/ed25519": "^1.7.0",
@@ -1860,12 +1870,9 @@
         "buffer": "6.0.1",
         "fast-stable-stringify": "^1.0.0",
         "jayson": "^3.4.4",
-        "node-fetch": "2",
-        "rpc-websockets": "^7.5.0",
+        "node-fetch": "^2.6.7",
+        "rpc-websockets": "^7.5.1",
         "superstruct": "^0.14.2"
-      },
-      "engines": {
-        "node": ">=12.20.0"
       }
     },
     "node_modules/@solana/web3.js/node_modules/buffer": {
@@ -2045,6 +2052,80 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@tanstack/query-core": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.24.10.tgz",
+      "integrity": "sha512-2QywqXEAGBIUoTdgn1lAB4/C8QEqwXHj2jrCLeYTk2xVGtLiPEUD8jcMoeB2noclbiW2mMt4+Fq7fZStuz3wAQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/query-persist-client-core": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-persist-client-core/-/query-persist-client-core-4.24.10.tgz",
+      "integrity": "sha512-ObE7k4/TN1EgYMrTCkR43UIvviCtT27QcbE14CgdqeOVRSJ+oiIgXlfir69bcgBUW5Ba7S0ezY2SNV6IfSRNrw==",
+      "dependencies": {
+        "@tanstack/query-core": "4.24.10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/query-sync-storage-persister": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-sync-storage-persister/-/query-sync-storage-persister-4.24.10.tgz",
+      "integrity": "sha512-bS/vUHmzlnj7FiUZaPEUsEPitiaX2bzPJ9DuqQf7HCNMgqV/pwie90q90XIpGHUw8cF/6e3RnHF346OkH/XehQ==",
+      "dependencies": {
+        "@tanstack/query-persist-client-core": "4.24.10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.24.10.tgz",
+      "integrity": "sha512-FY1DixytOcNNCydPQXLxuKEV7VSST32CAuJ55BjhDNqASnMLZn+6c30yQBMrODjmWMNwzfjMZnq0Vw7C62Fwow==",
+      "dependencies": {
+        "@tanstack/query-core": "4.24.10",
+        "use-sync-external-store": "^1.2.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-native": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@tanstack/react-query-persist-client": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query-persist-client/-/react-query-persist-client-4.24.10.tgz",
+      "integrity": "sha512-Ta8PQua5aJK5F1w1ckX1xFnA4ohNpoeLUvApxtpMb3DKfs1XmyeFaddwyhP7La/EdjTtiInBJ2TmEAjG7EqhCw==",
+      "dependencies": {
+        "@tanstack/query-persist-client-core": "4.24.10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@tanstack/react-query": "4.24.10"
+      }
+    },
     "node_modules/@tsconfig/node10": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
@@ -2065,14 +2146,6 @@
       "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.3.tgz",
       "integrity": "sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ=="
     },
-    "node_modules/@types/bn.js": {
-      "version": "4.11.6",
-      "resolved": "https://registry.npmjs.org/@types/bn.js/-/bn.js-4.11.6.tgz",
-      "integrity": "sha512-pqr857jrp2kPuO9uRjZ3PwnJTjoQy+fcdxvBTvHm6dkmEL9q+hDD/2j/0ELOBPtPnS8LjCX0gI9nbl8lVkadpg==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/connect": {
       "version": "3.4.35",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
@@ -2091,14 +2164,6 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.18.tgz",
       "integrity": "sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA=="
     },
-    "node_modules/@types/pbkdf2": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/pbkdf2/-/pbkdf2-3.1.0.tgz",
-      "integrity": "sha512-Cf63Rv7jCQ0LaL8tNXmEyqTHuIJxRdlS5vMh1mj5voN4+QFhVZnlZruezqpWYDiJ8UTzhP0VmeLXCmBk66YrMQ==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -2127,18 +2192,10 @@
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
       "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
     },
-    "node_modules/@types/secp256k1": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/secp256k1/-/secp256k1-4.0.3.tgz",
-      "integrity": "sha512-Da66lEIFeIz9ltsdMZcpQvmrmmoqrfju8pm1BH8WbYjZSwUgCwXLb9C+9XYogwBITnbsSaMdVPb2ekf7TV+03w==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/trusted-types": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
-      "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.3.tgz",
+      "integrity": "sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g=="
     },
     "node_modules/@types/ws": {
       "version": "7.4.7",
@@ -2245,9 +2302,9 @@
       }
     },
     "node_modules/@wagmi/chains": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@wagmi/chains/-/chains-0.2.7.tgz",
-      "integrity": "sha512-Oqnkl5n9MTBdMzgIwwdSKEDfm0Vdv2CYBaDyTa5SiTjFNaIfT6MRATLg7KbI3JydfxqJphsVFL+TZZqFvkte/g==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@wagmi/chains/-/chains-0.2.9.tgz",
+      "integrity": "sha512-z0Nv7Cto+t/47NtC8td7khMSWX0zKVCnm8gkgrRs9PHvN+4W7XZfUVQYfhIfkbelT/ONN9V1OA+ho122gmRr3Q==",
       "funding": [
         {
           "type": "gitcoin",
@@ -2268,9 +2325,9 @@
       }
     },
     "node_modules/@wagmi/connectors": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/@wagmi/connectors/-/connectors-0.2.5.tgz",
-      "integrity": "sha512-saS5wps+R5SCs4ka9BG4vlaS4xDKn8GRt5y/f6v8RYBhat+H+3DGBowwGLN/OLtu744VKY8sIsm8/GRy2tXbsg==",
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@wagmi/connectors/-/connectors-0.2.7.tgz",
+      "integrity": "sha512-9l5XBlaO7AGukvIbgLj3L1VMbRvHmwQTu36t0mQRE90LHzqP45/BK9BtrpUI8DjdmIMwQ+omMqSqBuhawT5Zwg==",
       "funding": [
         {
           "type": "gitcoin",
@@ -2307,9 +2364,9 @@
       }
     },
     "node_modules/@wagmi/core": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmjs.org/@wagmi/core/-/core-0.9.5.tgz",
-      "integrity": "sha512-Ff4ejQbeexH5pfcYbwYusvxcYUY1+AuKCqHyYLliOQChLvymK7QGth7Hh7lKEf1Js/g4ktHHI07EfLKHEiDYWw==",
+      "version": "0.9.7",
+      "resolved": "https://registry.npmjs.org/@wagmi/core/-/core-0.9.7.tgz",
+      "integrity": "sha512-9NYoxpEM+sYAv0Jg3DvMbWTnJguPwiqs61382ATU5dqMsYF1v17ngg6S15gg8oIv9Y7nYrLsiFsQ9qkNYzKlJA==",
       "funding": [
         {
           "type": "gitcoin",
@@ -2321,8 +2378,8 @@
         }
       ],
       "dependencies": {
-        "@wagmi/chains": "0.2.7",
-        "@wagmi/connectors": "0.2.5",
+        "@wagmi/chains": "0.2.9",
+        "@wagmi/connectors": "0.2.7",
         "abitype": "^0.3.0",
         "eventemitter3": "^4.0.7",
         "zustand": "^4.3.1"
@@ -2481,11 +2538,11 @@
       }
     },
     "node_modules/@walletconnect/jsonrpc-http-connection": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.4.tgz",
-      "integrity": "sha512-ji79pspdBhmIbTwve383tMaDu5Le9plW+oj5GE2aqzxIl3ib8JvRBZRn5lGEBGqVCvqB3MBJL7gBlEwpyRtoxQ==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.6.tgz",
+      "integrity": "sha512-/3zSqDi7JDN06E4qm0NmVYMitngXfh21UWwy8zeJcBeJc+Jcs094EbLsIxtziIIKTCCbT88lWuTjl1ZujxN7cw==",
       "dependencies": {
-        "@walletconnect/jsonrpc-utils": "^1.0.4",
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
         "@walletconnect/safe-json": "^1.0.1",
         "cross-fetch": "^3.1.4",
         "tslib": "1.14.1"
@@ -2497,11 +2554,11 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
     },
     "node_modules/@walletconnect/jsonrpc-provider": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.6.tgz",
-      "integrity": "sha512-f5vQxr53vUVQ51/9mRLb1OiNciT/546XZ68Byn9OYnDBGeGJXK2kQWDHp8sPWZbN5x0p7B6asdCWMVFJ6danlw==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.8.tgz",
+      "integrity": "sha512-M44vzTrF0TeDcxQorm2lJ5klmfqchYOZqmIHb5T9lIPA/rj22643P83j44flZLyzycPqy5UUlIH6foeBPwjxMg==",
       "dependencies": {
-        "@walletconnect/jsonrpc-utils": "^1.0.4",
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
         "@walletconnect/safe-json": "^1.0.1",
         "tslib": "1.14.1"
       }
@@ -2526,9 +2583,9 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
     },
     "node_modules/@walletconnect/jsonrpc-utils": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.4.tgz",
-      "integrity": "sha512-y0+tDxcTZ9BHBBKBJbjZxLUXb+zQZCylf7y/jTvDPNx76J0hYYc+F9zHzyqBLeorSKepLTk6yI8hw3NXbAQB3g==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.6.tgz",
+      "integrity": "sha512-snp0tfkjPiDLQp/jrBewI+9SM33GPV4+Gjgldod6XQ7rFyQ5FZjnBxUkY4xWH0+arNxzQSi6v5iDXjCjSaorpg==",
       "dependencies": {
         "@walletconnect/environment": "^1.0.1",
         "@walletconnect/jsonrpc-types": "^1.0.2",
@@ -2541,15 +2598,22 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
     },
     "node_modules/@walletconnect/jsonrpc-ws-connection": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.7.tgz",
-      "integrity": "sha512-iEIWUAIQih0TDF+RRjExZL3jd84UWX/rvzAmQ6fZWhyBP/qSlxGrMuAwNhpk2zj6P8dZuf8sSaaNuWgXFJIa5A==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.9.tgz",
+      "integrity": "sha512-x1COaW6hhMLEo+ND5zF/siBGg5SEwC/gHjeRbJtK1CRiq9atkg/XR7JwtSNfMvYX/O3PRCVmuc5SP0RQio9JUw==",
       "dependencies": {
-        "@walletconnect/jsonrpc-utils": "^1.0.4",
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
         "@walletconnect/safe-json": "^1.0.1",
+        "events": "^3.3.0",
+        "tslib": "1.14.1",
         "ws": "^7.5.1"
       }
     },
+    "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+    },
     "node_modules/@walletconnect/keyvaluestorage": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@walletconnect/keyvaluestorage/-/keyvaluestorage-1.0.2.tgz",
@@ -2636,9 +2700,9 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
     },
     "node_modules/@walletconnect/relay-api": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@walletconnect/relay-api/-/relay-api-1.0.7.tgz",
-      "integrity": "sha512-Mf/Ql7Z0waZzAuondHS9bbUi12Kyvl95ihxVDM7mPO8o7Ke7S1ffpujCUhXbSacSKcw9aV2+7bKADlsBjQLR5Q==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@walletconnect/relay-api/-/relay-api-1.0.9.tgz",
+      "integrity": "sha512-Q3+rylJOqRkO1D9Su0DPE3mmznbAalYapJ9qmzDgK28mYF9alcP3UwG/og5V7l7CFOqzCLi7B8BvcBUrpDj0Rg==",
       "dependencies": {
         "@walletconnect/jsonrpc-types": "^1.0.2",
         "tslib": "1.14.1"
@@ -3601,11 +3665,6 @@
         "file-uri-to-path": "1.0.0"
       }
     },
-    "node_modules/blakejs": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/blakejs/-/blakejs-1.2.1.tgz",
-      "integrity": "sha512-QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ=="
-    },
     "node_modules/bn.js": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
@@ -3651,19 +3710,6 @@
       "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
       "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw=="
     },
-    "node_modules/browserify-aes": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
-      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-      "dependencies": {
-        "buffer-xor": "^1.0.3",
-        "cipher-base": "^1.0.0",
-        "create-hash": "^1.1.0",
-        "evp_bytestokey": "^1.0.3",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "node_modules/browserslist": {
       "version": "4.21.5",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz",
@@ -3699,27 +3745,6 @@
         "base-x": "^3.0.2"
       }
     },
-    "node_modules/bs58check": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/bs58check/-/bs58check-2.1.2.tgz",
-      "integrity": "sha512-0TS1jicxdU09dwJMNZtVAfzPi6Q6QeN0pM1Fkzrjn+XYHvzMKPU3pHVpva+769iNVSfIYWf7LJ6WR+BuuMf8cA==",
-      "dependencies": {
-        "bs58": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "node_modules/btoa": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
-      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
-      "bin": {
-        "btoa": "bin/btoa.js"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/buffer": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
@@ -3767,11 +3792,6 @@
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
     },
-    "node_modules/buffer-xor": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-      "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ=="
-    },
     "node_modules/bufferutil": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.7.tgz",
@@ -3917,15 +3937,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/cipher-base": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
-      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "node_modules/client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -3941,14 +3952,6 @@
         "wrap-ansi": "^7.0.0"
       }
     },
-    "node_modules/clone": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
-      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/clsx": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
@@ -3998,42 +4001,17 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.27.2",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.27.2.tgz",
-      "integrity": "sha512-welaYuF7ZtbYKGrIy7y3eb40d37rG1FvzEOfe7hSLd2iD6duMDqUhRfSvCGyC46HhR6Y8JXXdZ2lnRUMkPBpvg==",
+      "version": "3.29.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.29.0.tgz",
+      "integrity": "sha512-ScMn3uZNAFhK2DGoEfErguoiAHhV2Ju+oJo/jK08p7B3f3UhocUrCCkTvnZaiS+edl5nlIoiBXKcwMc6elv4KQ==",
       "dependencies": {
-        "browserslist": "^4.21.4"
+        "browserslist": "^4.21.5"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/core-js"
       }
     },
-    "node_modules/create-hash": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
-      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
-      "dependencies": {
-        "cipher-base": "^1.0.1",
-        "inherits": "^2.0.1",
-        "md5.js": "^1.3.4",
-        "ripemd160": "^2.0.1",
-        "sha.js": "^2.4.0"
-      }
-    },
-    "node_modules/create-hmac": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
-      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-      "dependencies": {
-        "cipher-base": "^1.0.3",
-        "create-hash": "^1.1.0",
-        "inherits": "^2.0.1",
-        "ripemd160": "^2.0.0",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      }
-    },
     "node_modules/create-require": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
@@ -4968,16 +4946,18 @@
       }
     },
     "node_modules/eth-json-rpc-filters": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/eth-json-rpc-filters/-/eth-json-rpc-filters-4.2.2.tgz",
-      "integrity": "sha512-DGtqpLU7bBg63wPMWg1sCpkKCf57dJ+hj/k3zF26anXMzkmtSBDExL8IhUu7LUd34f0Zsce3PYNO2vV2GaTzaw==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eth-json-rpc-filters/-/eth-json-rpc-filters-5.1.0.tgz",
+      "integrity": "sha512-fos+9xmoa1A2Ytsc9eYof17r81BjdJOUcGcgZn4K/tKdCCTb+a8ytEtwlu1op5qsXFDlgGmstTELFrDEc89qEQ==",
       "dependencies": {
         "@metamask/safe-event-emitter": "^2.0.0",
         "async-mutex": "^0.2.6",
-        "eth-json-rpc-middleware": "^6.0.0",
         "eth-query": "^2.1.2",
         "json-rpc-engine": "^6.1.0",
         "pify": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
       }
     },
     "node_modules/eth-json-rpc-filters/node_modules/pify": {
@@ -4991,49 +4971,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eth-json-rpc-middleware": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/eth-json-rpc-middleware/-/eth-json-rpc-middleware-6.0.0.tgz",
-      "integrity": "sha512-qqBfLU2Uq1Ou15Wox1s+NX05S9OcAEL4JZ04VZox2NS0U+RtCMjSxzXhLFWekdShUPZ+P8ax3zCO2xcPrp6XJQ==",
-      "dependencies": {
-        "btoa": "^1.2.1",
-        "clone": "^2.1.1",
-        "eth-query": "^2.1.2",
-        "eth-rpc-errors": "^3.0.0",
-        "eth-sig-util": "^1.4.2",
-        "ethereumjs-util": "^5.1.2",
-        "json-rpc-engine": "^5.3.0",
-        "json-stable-stringify": "^1.0.1",
-        "node-fetch": "^2.6.1",
-        "pify": "^3.0.0",
-        "safe-event-emitter": "^1.0.1"
-      }
-    },
-    "node_modules/eth-json-rpc-middleware/node_modules/eth-rpc-errors": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/eth-rpc-errors/-/eth-rpc-errors-3.0.0.tgz",
-      "integrity": "sha512-iPPNHPrLwUlR9xCSYm7HHQjWBasor3+KZfRvwEWxMz3ca0yqnlBeJrnyphkGIXZ4J7AMAaOLmwy4AWhnxOiLxg==",
-      "dependencies": {
-        "fast-safe-stringify": "^2.0.6"
-      }
-    },
-    "node_modules/eth-json-rpc-middleware/node_modules/json-rpc-engine": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/json-rpc-engine/-/json-rpc-engine-5.4.0.tgz",
-      "integrity": "sha512-rAffKbPoNDjuRnXkecTjnsE3xLLrb00rEkdgalINhaYVYIxDwWtvYBr9UFbhTvPB1B2qUOLoFd/cV6f4Q7mh7g==",
-      "dependencies": {
-        "eth-rpc-errors": "^3.0.0",
-        "safe-event-emitter": "^1.0.1"
-      }
-    },
-    "node_modules/eth-json-rpc-middleware/node_modules/pify": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-      "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/eth-query": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/eth-query/-/eth-query-2.1.2.tgz",
@@ -5051,85 +4988,6 @@
         "fast-safe-stringify": "^2.0.6"
       }
     },
-    "node_modules/eth-sig-util": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/eth-sig-util/-/eth-sig-util-1.4.2.tgz",
-      "integrity": "sha512-iNZ576iTOGcfllftB73cPB5AN+XUQAT/T8xzsILsghXC1o8gJUqe3RHlcDqagu+biFpYQ61KQrZZJza8eRSYqw==",
-      "deprecated": "Deprecated in favor of '@metamask/eth-sig-util'",
-      "dependencies": {
-        "ethereumjs-abi": "git+https://github.com/ethereumjs/ethereumjs-abi.git",
-        "ethereumjs-util": "^5.1.1"
-      }
-    },
-    "node_modules/ethereum-cryptography": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/ethereum-cryptography/-/ethereum-cryptography-0.1.3.tgz",
-      "integrity": "sha512-w8/4x1SGGzc+tO97TASLja6SLd3fRIK2tLVcV2Gx4IB21hE19atll5Cq9o3d0ZmAYC/8aw0ipieTSiekAea4SQ==",
-      "dependencies": {
-        "@types/pbkdf2": "^3.0.0",
-        "@types/secp256k1": "^4.0.1",
-        "blakejs": "^1.1.0",
-        "browserify-aes": "^1.2.0",
-        "bs58check": "^2.1.2",
-        "create-hash": "^1.2.0",
-        "create-hmac": "^1.1.7",
-        "hash.js": "^1.1.7",
-        "keccak": "^3.0.0",
-        "pbkdf2": "^3.0.17",
-        "randombytes": "^2.1.0",
-        "safe-buffer": "^5.1.2",
-        "scrypt-js": "^3.0.0",
-        "secp256k1": "^4.0.1",
-        "setimmediate": "^1.0.5"
-      }
-    },
-    "node_modules/ethereumjs-abi": {
-      "version": "0.6.8",
-      "resolved": "git+ssh://git@github.com/ethereumjs/ethereumjs-abi.git#ee3994657fa7a427238e6ba92a84d0b529bbcde0",
-      "license": "MIT",
-      "dependencies": {
-        "bn.js": "^4.11.8",
-        "ethereumjs-util": "^6.0.0"
-      }
-    },
-    "node_modules/ethereumjs-abi/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
-    },
-    "node_modules/ethereumjs-abi/node_modules/ethereumjs-util": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ethereumjs-util/-/ethereumjs-util-6.2.1.tgz",
-      "integrity": "sha512-W2Ktez4L01Vexijrm5EB6w7dg4n/TgpoYU4avuT5T3Vmnw/eCRtiBrJfQYS/DCSvDIOLn2k57GcHdeBcgVxAqw==",
-      "dependencies": {
-        "@types/bn.js": "^4.11.3",
-        "bn.js": "^4.11.0",
-        "create-hash": "^1.1.2",
-        "elliptic": "^6.5.2",
-        "ethereum-cryptography": "^0.1.3",
-        "ethjs-util": "0.1.6",
-        "rlp": "^2.2.3"
-      }
-    },
-    "node_modules/ethereumjs-util": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/ethereumjs-util/-/ethereumjs-util-5.2.1.tgz",
-      "integrity": "sha512-v3kT+7zdyCm1HIqWlLNrHGqHGLpGYIhjeHxQjnDXjLT2FyGJDsd3LWMYUo7pAFRrk86CR3nUJfhC81CCoJNNGQ==",
-      "dependencies": {
-        "bn.js": "^4.11.0",
-        "create-hash": "^1.1.2",
-        "elliptic": "^6.5.2",
-        "ethereum-cryptography": "^0.1.3",
-        "ethjs-util": "^0.1.3",
-        "rlp": "^2.0.0",
-        "safe-buffer": "^5.1.1"
-      }
-    },
-    "node_modules/ethereumjs-util/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
-    },
     "node_modules/ethers": {
       "version": "5.7.2",
       "resolved": "https://registry.npmjs.org/ethers/-/ethers-5.7.2.tgz",
@@ -5177,19 +5035,6 @@
         "@ethersproject/wordlists": "5.7.0"
       }
     },
-    "node_modules/ethjs-util": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/ethjs-util/-/ethjs-util-0.1.6.tgz",
-      "integrity": "sha512-CUnVOQq7gSpDHZVVrQW8ExxUETWrnrvXYvYz55wOU8Uj4VCgw56XC2B/fVqQN+f7gmrnRHSLVnFAwsCuNwji8w==",
-      "dependencies": {
-        "is-hex-prefixed": "1.0.0",
-        "strip-hex-prefix": "1.0.0"
-      },
-      "engines": {
-        "node": ">=6.5.0",
-        "npm": ">=3"
-      }
-    },
     "node_modules/eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
@@ -5203,15 +5048,6 @@
         "node": ">=0.8.x"
       }
     },
-    "node_modules/evp_bytestokey": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
-      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-      "dependencies": {
-        "md5.js": "^1.3.4",
-        "safe-buffer": "^5.1.1"
-      }
-    },
     "node_modules/eyes": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/eyes/-/eyes-0.1.8.tgz",
@@ -5693,19 +5529,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/hash-base": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
-      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-      "dependencies": {
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.6.0",
-        "safe-buffer": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/hash.js": {
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
@@ -5979,15 +5802,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-hex-prefixed": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-hex-prefixed/-/is-hex-prefixed-1.0.0.tgz",
-      "integrity": "sha512-WvtOiug1VFrE9v1Cydwm+FnXd3+w9GaeVUss5W4v/SLy3UW00vP+6iNF2SdnfiBoLy4bTqVdkftNGTUeOFVsbA==",
-      "engines": {
-        "node": ">=6.5.0",
-        "npm": ">=3"
-      }
-    },
     "node_modules/is-map": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
@@ -6296,17 +6110,6 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
-    "node_modules/json-stable-stringify": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.2.tgz",
-      "integrity": "sha512-eunSSaEnxV12z+Z73y/j5N37/In40GK4GmsSy+tEHJMxknvqnA7/djeYtAgW0GsWHUfg+847WJjKaEylk2y09g==",
-      "dependencies": {
-        "jsonify": "^0.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
@@ -6328,14 +6131,6 @@
         "json5": "lib/cli.js"
       }
     },
-    "node_modules/jsonify": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
-      "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/jsonparse": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
@@ -6535,16 +6330,6 @@
       "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw=="
     },
-    "node_modules/md5.js": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
-      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-      "dependencies": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -7140,21 +6925,6 @@
         "node": "*"
       }
     },
-    "node_modules/pbkdf2": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
-      "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
-      "dependencies": {
-        "create-hash": "^1.1.2",
-        "create-hmac": "^1.1.4",
-        "ripemd160": "^2.0.1",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      },
-      "engines": {
-        "node": ">=0.12"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -7351,9 +7121,9 @@
       "dev": true
     },
     "node_modules/preact": {
-      "version": "10.12.1",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
-      "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==",
+      "version": "10.13.0",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.13.0.tgz",
+      "integrity": "sha512-ERdIdUpR6doqdaSIh80hvzebHB7O6JxycOhyzAeLEchqOq/4yueslQbfnPwXaNhAYacFTyCclhwkEbOumT0tHw==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/preact"
@@ -7745,9 +7515,9 @@
       }
     },
     "node_modules/readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.1.tgz",
+      "integrity": "sha512-+rQmrWMYGA90yenhTYsLWAsLsqVC8osOw6PKE1HDYiO0gdPeKe/xDHNzIAIn4C91YQ6oenEhfYqqc1883qHbjQ==",
       "dependencies": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -7868,30 +7638,10 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/ripemd160": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
-      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-      "dependencies": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1"
-      }
-    },
-    "node_modules/rlp": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/rlp/-/rlp-2.2.7.tgz",
-      "integrity": "sha512-d5gdPmgQ0Z+AklL2NVXr/IoSjNZFfTVvQWzL/AM2AOcSzYP2xjlb0AC8YyCLc41MSNf6P6QVtjgPdmVtzb+4lQ==",
-      "dependencies": {
-        "bn.js": "^5.2.0"
-      },
-      "bin": {
-        "rlp": "bin/rlp"
-      }
-    },
     "node_modules/rpc-websockets": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/rpc-websockets/-/rpc-websockets-7.5.0.tgz",
-      "integrity": "sha512-9tIRi1uZGy7YmDjErf1Ax3wtqdSSLIlnmL5OtOzgd5eqPKbsPpwDP5whUDO2LQay3Xp0CcHlcNSGzacNRluBaQ==",
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/rpc-websockets/-/rpc-websockets-7.5.1.tgz",
+      "integrity": "sha512-kGFkeTsmd37pHPMaHIgN1LVKXMi0JD782v4Ds9ZKtLlwdTKjn+CxM9A9/gLT2LaOuEcEFGL98h1QWQtlOIdW0w==",
       "dependencies": {
         "@babel/runtime": "^7.17.2",
         "eventemitter3": "^4.0.7",
@@ -7908,9 +7658,9 @@
       }
     },
     "node_modules/rpc-websockets/node_modules/ws": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.0.tgz",
-      "integrity": "sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.1.tgz",
+      "integrity": "sha512-1qo+M9Ba+xNhPB+YTWUlK6M17brTut5EXbcBaMRN5pH5dFrXz7lzz1ChFSUq3bOUl8yEvSenhHmYUNJxFzdJew==",
       "engines": {
         "node": ">=10.0.0"
       },
@@ -8032,20 +7782,6 @@
       "resolved": "https://registry.npmjs.org/scrypt-js/-/scrypt-js-3.0.1.tgz",
       "integrity": "sha512-cdwTTnqPu0Hyvf5in5asVdZocVDTNRmR7XEcJuIzMjJeSHybHl7vpB66AzwTaIg6CLSbtjcxc8fqcySfnTkccA=="
     },
-    "node_modules/secp256k1": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/secp256k1/-/secp256k1-4.0.3.tgz",
-      "integrity": "sha512-NLZVf+ROMxwtEj3Xa562qgv2BK5e2WNmXPiOdVIPLgs6lyTzMvBq0aWTYMI5XCP9jZMVKOcqZLw/Wc4vDkuxhA==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "elliptic": "^6.5.4",
-        "node-addon-api": "^2.0.0",
-        "node-gyp-build": "^4.2.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/semver": {
       "version": "7.3.8",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
@@ -8073,11 +7809,6 @@
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
     },
-    "node_modules/setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
-    },
     "node_modules/sha.js": {
       "version": "2.4.11",
       "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
@@ -8284,18 +8015,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/strip-hex-prefix": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/strip-hex-prefix/-/strip-hex-prefix-1.0.0.tgz",
-      "integrity": "sha512-q8d4ue7JGEiVcypji1bALTos+0pWtyGlivAWyPuTkHzuTCJqrK9sWxYQZUq6Nq3cuyv3bm734IhHvHtGGURU6A==",
-      "dependencies": {
-        "is-hex-prefixed": "1.0.0"
-      },
-      "engines": {
-        "node": ">=6.5.0",
-        "npm": ">=3"
-      }
-    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -8768,6 +8487,39 @@
         }
       }
     },
+    "node_modules/wagmi": {
+      "version": "0.11.7",
+      "resolved": "https://registry.npmjs.org/wagmi/-/wagmi-0.11.7.tgz",
+      "integrity": "sha512-IiB1TxTVn+xvjju3ZNQfiwfiB6EZj1h3CO7Zt8q0PEDRN76jqniaeOV7QAnfBgtbqmVh2co4Miaz1rRtvVPMTQ==",
+      "funding": [
+        {
+          "type": "gitcoin",
+          "url": "https://wagmi.sh/gitcoin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/wagmi-dev"
+        }
+      ],
+      "dependencies": {
+        "@tanstack/query-sync-storage-persister": "^4.14.5",
+        "@tanstack/react-query": "^4.14.5",
+        "@tanstack/react-query-persist-client": "^4.14.5",
+        "@wagmi/core": "0.9.7",
+        "abitype": "^0.3.0",
+        "use-sync-external-store": "^1.2.0"
+      },
+      "peerDependencies": {
+        "ethers": ">=5.5.1 <6",
+        "react": ">=17.0.0",
+        "typescript": ">=4.9.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -8992,9 +8744,9 @@
       }
     },
     "node_modules/zustand": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.3.3.tgz",
-      "integrity": "sha512-x2jXq8S0kfLGNwGh87nhRfEc2eZy37tSatpSoSIN+O6HIaBhgQHSONV/F9VNrNcBcKQu/E80K1DeHDYQC/zCrQ==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.3.4.tgz",
+      "integrity": "sha512-QSV8MF80I4yM9UCcBhIBr5OcQkiTbZdxDofg5R5vyX49QsEia7sK1iwOhFyH/0hyNVg+h+OzARM76G8MgMno0g==",
       "dependencies": {
         "use-sync-external-store": "1.2.0"
       },
@@ -9036,26 +8788,26 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.20.14",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.14.tgz",
-      "integrity": "sha512-0YpKHD6ImkWMEINCyDAD0HLLUH/lPCefG8ld9it8DJB2wnApraKuhgYTvTY1z7UFIfBTGy5LwncZ+5HWWGbhFw=="
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.21.0.tgz",
+      "integrity": "sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g=="
     },
     "@babel/core": {
-      "version": "7.20.12",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz",
-      "integrity": "sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.0.tgz",
+      "integrity": "sha512-PuxUbxcW6ZYe656yL3EAhpy7qXKq0DmYsrJLpbB8XrsCP9Nm+XCg9XFMb5vIDliPD7+U/+M+QJlH17XOcB7eXA==",
       "peer": true,
       "requires": {
-        "@ampproject/remapping": "^2.1.0",
+        "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.7",
+        "@babel/generator": "^7.21.0",
         "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-module-transforms": "^7.20.11",
-        "@babel/helpers": "^7.20.7",
-        "@babel/parser": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.21.0",
+        "@babel/helpers": "^7.21.0",
+        "@babel/parser": "^7.21.0",
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.12",
-        "@babel/types": "^7.20.7",
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -9078,13 +8830,14 @@
       }
     },
     "@babel/generator": {
-      "version": "7.20.14",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.14.tgz",
-      "integrity": "sha512-AEmuXHdcD3A52HHXxaTmYlb8q/xMEhoRP67B3T4Oq7lbmSoqroMZzjnGj3+i1io3pdnF8iBYVu4Ilj+c4hBxYg==",
+      "version": "7.21.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.1.tgz",
+      "integrity": "sha512-1lT45bAYlQhFn/BHivJs43AiW2rg3/UbLyShGfF3C0KmHvO5fSghWd5kBJy30kpRRucGzXStvnnCFniCR2kXAA==",
       "peer": true,
       "requires": {
-        "@babel/types": "^7.20.7",
+        "@babel/types": "^7.21.0",
         "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
       },
       "dependencies": {
@@ -9160,13 +8913,13 @@
       "peer": true
     },
     "@babel/helper-function-name": {
-      "version": "7.19.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz",
-      "integrity": "sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
+      "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
       "peer": true,
       "requires": {
-        "@babel/template": "^7.18.10",
-        "@babel/types": "^7.19.0"
+        "@babel/template": "^7.20.7",
+        "@babel/types": "^7.21.0"
       }
     },
     "@babel/helper-hoist-variables": {
@@ -9187,9 +8940,9 @@
       }
     },
     "@babel/helper-module-transforms": {
-      "version": "7.20.11",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz",
-      "integrity": "sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz",
+      "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==",
       "peer": true,
       "requires": {
         "@babel/helper-environment-visitor": "^7.18.9",
@@ -9198,8 +8951,8 @@
         "@babel/helper-split-export-declaration": "^7.18.6",
         "@babel/helper-validator-identifier": "^7.19.1",
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.10",
-        "@babel/types": "^7.20.7"
+        "@babel/traverse": "^7.21.2",
+        "@babel/types": "^7.21.2"
       }
     },
     "@babel/helper-plugin-utils": {
@@ -9236,19 +8989,19 @@
       "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w=="
     },
     "@babel/helper-validator-option": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz",
-      "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw=="
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz",
+      "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ=="
     },
     "@babel/helpers": {
-      "version": "7.20.13",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.13.tgz",
-      "integrity": "sha512-nzJ0DWCL3gB5RCXbUO3KIMMsBY2Eqbx8mBpKGE/02PgyRQFcPQLbkQ1vyy596mZLaP+dAfD+R4ckASzNVmW3jg==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz",
+      "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==",
       "peer": true,
       "requires": {
         "@babel/template": "^7.20.7",
-        "@babel/traverse": "^7.20.13",
-        "@babel/types": "^7.20.7"
+        "@babel/traverse": "^7.21.0",
+        "@babel/types": "^7.21.0"
       }
     },
     "@babel/highlight": {
@@ -9321,18 +9074,18 @@
       }
     },
     "@babel/parser": {
-      "version": "7.20.15",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.15.tgz",
-      "integrity": "sha512-DI4a1oZuf8wC+oAJA9RW6ga3Zbe8RZFt7kD9i4qAspz3I/yHet1VvC3DiSy/fsUvv5pvJuNPh0LPOdCcqinDPg==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.2.tgz",
+      "integrity": "sha512-URpaIJQwEkEC2T9Kn+Ai6Xe/02iNaVCuT/PtoRz3GPVJVDpPd7mLo+VddTbhCRU9TXqW5mSrQfXZyi8kDKOVpQ==",
       "peer": true
     },
     "@babel/plugin-transform-runtime": {
-      "version": "7.19.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.19.6.tgz",
-      "integrity": "sha512-PRH37lz4JU156lYFW1p8OxE5i7d6Sl/zV58ooyr+q1J1lnQPyg5tIiXlIwNVhJaY4W3TmOtdc8jqdXQcB1v5Yw==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.21.0.tgz",
+      "integrity": "sha512-ReY6pxwSzEU0b3r2/T/VhqMKg/AkceBT19X0UptA3/tYi5Pe2eXgEUH+NNMC5nok6c6XQz5tyVTUpuezRfSMSg==",
       "requires": {
         "@babel/helper-module-imports": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.19.0",
+        "@babel/helper-plugin-utils": "^7.20.2",
         "babel-plugin-polyfill-corejs2": "^0.3.3",
         "babel-plugin-polyfill-corejs3": "^0.6.0",
         "babel-plugin-polyfill-regenerator": "^0.4.1",
@@ -9366,19 +9119,19 @@
       }
     },
     "@babel/traverse": {
-      "version": "7.20.13",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.13.tgz",
-      "integrity": "sha512-kMJXfF0T6DIS9E8cgdLCSAL+cuCK+YEZHWiLK0SXpTo8YRj5lpJu3CDNKiIBCne4m9hhTIqUg6SYTAI39tAiVQ==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.2.tgz",
+      "integrity": "sha512-ts5FFU/dSUPS13tv8XiEObDu9K+iagEKME9kAbaP7r0Y9KtZJZ+NGndDvWoRAYNpeWafbpFeki3q9QoMD6gxyw==",
       "peer": true,
       "requires": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.7",
+        "@babel/generator": "^7.21.1",
         "@babel/helper-environment-visitor": "^7.18.9",
-        "@babel/helper-function-name": "^7.19.0",
+        "@babel/helper-function-name": "^7.21.0",
         "@babel/helper-hoist-variables": "^7.18.6",
         "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.20.13",
-        "@babel/types": "^7.20.7",
+        "@babel/parser": "^7.21.2",
+        "@babel/types": "^7.21.2",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -9392,9 +9145,9 @@
       }
     },
     "@babel/types": {
-      "version": "7.20.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.7.tgz",
-      "integrity": "sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==",
+      "version": "7.21.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.2.tgz",
+      "integrity": "sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw==",
       "requires": {
         "@babel/helper-string-parser": "^7.19.4",
         "@babel/helper-validator-identifier": "^7.19.1",
@@ -9402,9 +9155,9 @@
       }
     },
     "@coinbase/wallet-sdk": {
-      "version": "3.6.3",
-      "resolved": "https://registry.npmjs.org/@coinbase/wallet-sdk/-/wallet-sdk-3.6.3.tgz",
-      "integrity": "sha512-XUR4poOJE+dKzwBTdlM693CdLFitr046oZOVY3iDnbFcRrrQswhbDji7q4CmUcD4HxbfViX7PFoIwl79YQcukg==",
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/@coinbase/wallet-sdk/-/wallet-sdk-3.6.4.tgz",
+      "integrity": "sha512-2ecCT0/pmaMNVyMF7J1ZLFTfLnpnrHNQOGyIcbMBIepeqlE3jndjU023OdwwVLrLXyvfyelJ8K1iwAOvyEZxUw==",
       "requires": {
         "@metamask/safe-event-emitter": "2.0.0",
         "@solana/web3.js": "^1.70.1",
@@ -9413,7 +9166,7 @@
         "buffer": "^6.0.3",
         "clsx": "^1.1.0",
         "eth-block-tracker": "4.4.3",
-        "eth-json-rpc-filters": "4.2.2",
+        "eth-json-rpc-filters": "5.1.0",
         "eth-rpc-errors": "4.0.2",
         "json-rpc-engine": "6.1.0",
         "keccak": "^3.0.1",
@@ -10193,12 +9946,23 @@
       "requires": {
         "@safe-global/safe-apps-sdk": "7.9.0",
         "events": "^3.3.0"
+      },
+      "dependencies": {
+        "@safe-global/safe-apps-sdk": {
+          "version": "7.9.0",
+          "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-7.9.0.tgz",
+          "integrity": "sha512-S2EI+JL8ocSgE3uGNaDZCzKmwfhtxXZFDUP76vN0FeaY35itFMyi8F0Vhxu0XnZm3yLzJE3tp5px6GhuQFLU6w==",
+          "requires": {
+            "@safe-global/safe-gateway-typescript-sdk": "^3.5.3",
+            "ethers": "^5.7.2"
+          }
+        }
       }
     },
     "@safe-global/safe-apps-sdk": {
-      "version": "7.9.0",
-      "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-7.9.0.tgz",
-      "integrity": "sha512-S2EI+JL8ocSgE3uGNaDZCzKmwfhtxXZFDUP76vN0FeaY35itFMyi8F0Vhxu0XnZm3yLzJE3tp5px6GhuQFLU6w==",
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/@safe-global/safe-apps-sdk/-/safe-apps-sdk-7.10.0.tgz",
+      "integrity": "sha512-is0QAHVoGkP06YfOPcp4X3/YUEA3wRdgFUyKZ4rT47uOEnzxA9Sm8BFJrIZqZOjjqC+aJXRMF0cE2qucS953rg==",
       "requires": {
         "@safe-global/safe-gateway-typescript-sdk": "^3.5.3",
         "ethers": "^5.7.2"
@@ -10221,9 +9985,9 @@
       }
     },
     "@solana/web3.js": {
-      "version": "1.73.2",
-      "resolved": "https://registry.npmjs.org/@solana/web3.js/-/web3.js-1.73.2.tgz",
-      "integrity": "sha512-9WACF8W4Nstj7xiDw3Oom22QmrhBh0VyZyZ7JvvG3gOxLWLlX3hvm5nPVJOGcCE/9fFavBbCUb5A6CIuvMGdoA==",
+      "version": "1.73.3",
+      "resolved": "https://registry.npmjs.org/@solana/web3.js/-/web3.js-1.73.3.tgz",
+      "integrity": "sha512-vHRMo589XEIpoujpE2sZZ1aMZvfA1ImKfNxobzEFyMb+H5j6mRRUXfdgWD0qJ0sm11e5BcBC7HPeRXJB+7f3Lg==",
       "requires": {
         "@babel/runtime": "^7.12.5",
         "@noble/ed25519": "^1.7.0",
@@ -10238,8 +10002,8 @@
         "buffer": "6.0.1",
         "fast-stable-stringify": "^1.0.0",
         "jayson": "^3.4.4",
-        "node-fetch": "2",
-        "rpc-websockets": "^7.5.0",
+        "node-fetch": "^2.6.7",
+        "rpc-websockets": "^7.5.1",
         "superstruct": "^0.14.2"
       },
       "dependencies": {
@@ -10408,6 +10172,44 @@
         "tslib": "^2.4.0"
       }
     },
+    "@tanstack/query-core": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.24.10.tgz",
+      "integrity": "sha512-2QywqXEAGBIUoTdgn1lAB4/C8QEqwXHj2jrCLeYTk2xVGtLiPEUD8jcMoeB2noclbiW2mMt4+Fq7fZStuz3wAQ=="
+    },
+    "@tanstack/query-persist-client-core": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-persist-client-core/-/query-persist-client-core-4.24.10.tgz",
+      "integrity": "sha512-ObE7k4/TN1EgYMrTCkR43UIvviCtT27QcbE14CgdqeOVRSJ+oiIgXlfir69bcgBUW5Ba7S0ezY2SNV6IfSRNrw==",
+      "requires": {
+        "@tanstack/query-core": "4.24.10"
+      }
+    },
+    "@tanstack/query-sync-storage-persister": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-sync-storage-persister/-/query-sync-storage-persister-4.24.10.tgz",
+      "integrity": "sha512-bS/vUHmzlnj7FiUZaPEUsEPitiaX2bzPJ9DuqQf7HCNMgqV/pwie90q90XIpGHUw8cF/6e3RnHF346OkH/XehQ==",
+      "requires": {
+        "@tanstack/query-persist-client-core": "4.24.10"
+      }
+    },
+    "@tanstack/react-query": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.24.10.tgz",
+      "integrity": "sha512-FY1DixytOcNNCydPQXLxuKEV7VSST32CAuJ55BjhDNqASnMLZn+6c30yQBMrODjmWMNwzfjMZnq0Vw7C62Fwow==",
+      "requires": {
+        "@tanstack/query-core": "4.24.10",
+        "use-sync-external-store": "^1.2.0"
+      }
+    },
+    "@tanstack/react-query-persist-client": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query-persist-client/-/react-query-persist-client-4.24.10.tgz",
+      "integrity": "sha512-Ta8PQua5aJK5F1w1ckX1xFnA4ohNpoeLUvApxtpMb3DKfs1XmyeFaddwyhP7La/EdjTtiInBJ2TmEAjG7EqhCw==",
+      "requires": {
+        "@tanstack/query-persist-client-core": "4.24.10"
+      }
+    },
     "@tsconfig/node10": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
@@ -10428,14 +10230,6 @@
       "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.3.tgz",
       "integrity": "sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ=="
     },
-    "@types/bn.js": {
-      "version": "4.11.6",
-      "resolved": "https://registry.npmjs.org/@types/bn.js/-/bn.js-4.11.6.tgz",
-      "integrity": "sha512-pqr857jrp2kPuO9uRjZ3PwnJTjoQy+fcdxvBTvHm6dkmEL9q+hDD/2j/0ELOBPtPnS8LjCX0gI9nbl8lVkadpg==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@types/connect": {
       "version": "3.4.35",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
@@ -10454,14 +10248,6 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.18.tgz",
       "integrity": "sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA=="
     },
-    "@types/pbkdf2": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/pbkdf2/-/pbkdf2-3.1.0.tgz",
-      "integrity": "sha512-Cf63Rv7jCQ0LaL8tNXmEyqTHuIJxRdlS5vMh1mj5voN4+QFhVZnlZruezqpWYDiJ8UTzhP0VmeLXCmBk66YrMQ==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -10490,18 +10276,10 @@
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
       "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
     },
-    "@types/secp256k1": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/secp256k1/-/secp256k1-4.0.3.tgz",
-      "integrity": "sha512-Da66lEIFeIz9ltsdMZcpQvmrmmoqrfju8pm1BH8WbYjZSwUgCwXLb9C+9XYogwBITnbsSaMdVPb2ekf7TV+03w==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@types/trusted-types": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
-      "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.3.tgz",
+      "integrity": "sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g=="
     },
     "@types/ws": {
       "version": "7.4.7",
@@ -10560,15 +10338,15 @@
       }
     },
     "@wagmi/chains": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@wagmi/chains/-/chains-0.2.7.tgz",
-      "integrity": "sha512-Oqnkl5n9MTBdMzgIwwdSKEDfm0Vdv2CYBaDyTa5SiTjFNaIfT6MRATLg7KbI3JydfxqJphsVFL+TZZqFvkte/g==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@wagmi/chains/-/chains-0.2.9.tgz",
+      "integrity": "sha512-z0Nv7Cto+t/47NtC8td7khMSWX0zKVCnm8gkgrRs9PHvN+4W7XZfUVQYfhIfkbelT/ONN9V1OA+ho122gmRr3Q==",
       "requires": {}
     },
     "@wagmi/connectors": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/@wagmi/connectors/-/connectors-0.2.5.tgz",
-      "integrity": "sha512-saS5wps+R5SCs4ka9BG4vlaS4xDKn8GRt5y/f6v8RYBhat+H+3DGBowwGLN/OLtu744VKY8sIsm8/GRy2tXbsg==",
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@wagmi/connectors/-/connectors-0.2.7.tgz",
+      "integrity": "sha512-9l5XBlaO7AGukvIbgLj3L1VMbRvHmwQTu36t0mQRE90LHzqP45/BK9BtrpUI8DjdmIMwQ+omMqSqBuhawT5Zwg==",
       "requires": {
         "@coinbase/wallet-sdk": "^3.5.4",
         "@ledgerhq/connect-kit-loader": "^1.0.1",
@@ -10582,12 +10360,12 @@
       }
     },
     "@wagmi/core": {
-      "version": "0.9.5",
-      "resolved": "https://registry.npmjs.org/@wagmi/core/-/core-0.9.5.tgz",
-      "integrity": "sha512-Ff4ejQbeexH5pfcYbwYusvxcYUY1+AuKCqHyYLliOQChLvymK7QGth7Hh7lKEf1Js/g4ktHHI07EfLKHEiDYWw==",
+      "version": "0.9.7",
+      "resolved": "https://registry.npmjs.org/@wagmi/core/-/core-0.9.7.tgz",
+      "integrity": "sha512-9NYoxpEM+sYAv0Jg3DvMbWTnJguPwiqs61382ATU5dqMsYF1v17ngg6S15gg8oIv9Y7nYrLsiFsQ9qkNYzKlJA==",
       "requires": {
-        "@wagmi/chains": "0.2.7",
-        "@wagmi/connectors": "0.2.5",
+        "@wagmi/chains": "0.2.9",
+        "@wagmi/connectors": "0.2.7",
         "abitype": "^0.3.0",
         "eventemitter3": "^4.0.7",
         "zustand": "^4.3.1"
@@ -10747,11 +10525,11 @@
       }
     },
     "@walletconnect/jsonrpc-http-connection": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.4.tgz",
-      "integrity": "sha512-ji79pspdBhmIbTwve383tMaDu5Le9plW+oj5GE2aqzxIl3ib8JvRBZRn5lGEBGqVCvqB3MBJL7gBlEwpyRtoxQ==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.6.tgz",
+      "integrity": "sha512-/3zSqDi7JDN06E4qm0NmVYMitngXfh21UWwy8zeJcBeJc+Jcs094EbLsIxtziIIKTCCbT88lWuTjl1ZujxN7cw==",
       "requires": {
-        "@walletconnect/jsonrpc-utils": "^1.0.4",
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
         "@walletconnect/safe-json": "^1.0.1",
         "cross-fetch": "^3.1.4",
         "tslib": "1.14.1"
@@ -10765,11 +10543,11 @@
       }
     },
     "@walletconnect/jsonrpc-provider": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.6.tgz",
-      "integrity": "sha512-f5vQxr53vUVQ51/9mRLb1OiNciT/546XZ68Byn9OYnDBGeGJXK2kQWDHp8sPWZbN5x0p7B6asdCWMVFJ6danlw==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.8.tgz",
+      "integrity": "sha512-M44vzTrF0TeDcxQorm2lJ5klmfqchYOZqmIHb5T9lIPA/rj22643P83j44flZLyzycPqy5UUlIH6foeBPwjxMg==",
       "requires": {
-        "@walletconnect/jsonrpc-utils": "^1.0.4",
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
         "@walletconnect/safe-json": "^1.0.1",
         "tslib": "1.14.1"
       },
@@ -10798,9 +10576,9 @@
       }
     },
     "@walletconnect/jsonrpc-utils": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.4.tgz",
-      "integrity": "sha512-y0+tDxcTZ9BHBBKBJbjZxLUXb+zQZCylf7y/jTvDPNx76J0hYYc+F9zHzyqBLeorSKepLTk6yI8hw3NXbAQB3g==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.6.tgz",
+      "integrity": "sha512-snp0tfkjPiDLQp/jrBewI+9SM33GPV4+Gjgldod6XQ7rFyQ5FZjnBxUkY4xWH0+arNxzQSi6v5iDXjCjSaorpg==",
       "requires": {
         "@walletconnect/environment": "^1.0.1",
         "@walletconnect/jsonrpc-types": "^1.0.2",
@@ -10815,13 +10593,22 @@
       }
     },
     "@walletconnect/jsonrpc-ws-connection": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.7.tgz",
-      "integrity": "sha512-iEIWUAIQih0TDF+RRjExZL3jd84UWX/rvzAmQ6fZWhyBP/qSlxGrMuAwNhpk2zj6P8dZuf8sSaaNuWgXFJIa5A==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.9.tgz",
+      "integrity": "sha512-x1COaW6hhMLEo+ND5zF/siBGg5SEwC/gHjeRbJtK1CRiq9atkg/XR7JwtSNfMvYX/O3PRCVmuc5SP0RQio9JUw==",
       "requires": {
-        "@walletconnect/jsonrpc-utils": "^1.0.4",
+        "@walletconnect/jsonrpc-utils": "^1.0.6",
         "@walletconnect/safe-json": "^1.0.1",
+        "events": "^3.3.0",
+        "tslib": "1.14.1",
         "ws": "^7.5.1"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        }
       }
     },
     "@walletconnect/keyvaluestorage": {
@@ -10900,9 +10687,9 @@
       }
     },
     "@walletconnect/relay-api": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@walletconnect/relay-api/-/relay-api-1.0.7.tgz",
-      "integrity": "sha512-Mf/Ql7Z0waZzAuondHS9bbUi12Kyvl95ihxVDM7mPO8o7Ke7S1ffpujCUhXbSacSKcw9aV2+7bKADlsBjQLR5Q==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@walletconnect/relay-api/-/relay-api-1.0.9.tgz",
+      "integrity": "sha512-Q3+rylJOqRkO1D9Su0DPE3mmznbAalYapJ9qmzDgK28mYF9alcP3UwG/og5V7l7CFOqzCLi7B8BvcBUrpDj0Rg==",
       "requires": {
         "@walletconnect/jsonrpc-types": "^1.0.2",
         "tslib": "1.14.1"
@@ -11689,11 +11476,6 @@
         "file-uri-to-path": "1.0.0"
       }
     },
-    "blakejs": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/blakejs/-/blakejs-1.2.1.tgz",
-      "integrity": "sha512-QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ=="
-    },
     "bn.js": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
@@ -11736,19 +11518,6 @@
       "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
       "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw=="
     },
-    "browserify-aes": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
-      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
-      "requires": {
-        "buffer-xor": "^1.0.3",
-        "cipher-base": "^1.0.0",
-        "create-hash": "^1.1.0",
-        "evp_bytestokey": "^1.0.3",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "browserslist": {
       "version": "4.21.5",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.5.tgz",
@@ -11768,21 +11537,6 @@
         "base-x": "^3.0.2"
       }
     },
-    "bs58check": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/bs58check/-/bs58check-2.1.2.tgz",
-      "integrity": "sha512-0TS1jicxdU09dwJMNZtVAfzPi6Q6QeN0pM1Fkzrjn+XYHvzMKPU3pHVpva+769iNVSfIYWf7LJ6WR+BuuMf8cA==",
-      "requires": {
-        "bs58": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "safe-buffer": "^5.1.2"
-      }
-    },
-    "btoa": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
-      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g=="
-    },
     "buffer": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
@@ -11816,11 +11570,6 @@
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
     },
-    "buffer-xor": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
-      "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ=="
-    },
     "bufferutil": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.7.tgz",
@@ -11913,15 +11662,6 @@
         }
       }
     },
-    "cipher-base": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
-      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-      "requires": {
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -11937,11 +11677,6 @@
         "wrap-ansi": "^7.0.0"
       }
     },
-    "clone": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
-      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w=="
-    },
     "clsx": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
@@ -11985,36 +11720,11 @@
       }
     },
     "core-js-compat": {
-      "version": "3.27.2",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.27.2.tgz",
-      "integrity": "sha512-welaYuF7ZtbYKGrIy7y3eb40d37rG1FvzEOfe7hSLd2iD6duMDqUhRfSvCGyC46HhR6Y8JXXdZ2lnRUMkPBpvg==",
-      "requires": {
-        "browserslist": "^4.21.4"
-      }
-    },
-    "create-hash": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
-      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "version": "3.29.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.29.0.tgz",
+      "integrity": "sha512-ScMn3uZNAFhK2DGoEfErguoiAHhV2Ju+oJo/jK08p7B3f3UhocUrCCkTvnZaiS+edl5nlIoiBXKcwMc6elv4KQ==",
       "requires": {
-        "cipher-base": "^1.0.1",
-        "inherits": "^2.0.1",
-        "md5.js": "^1.3.4",
-        "ripemd160": "^2.0.1",
-        "sha.js": "^2.4.0"
-      }
-    },
-    "create-hmac": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
-      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
-      "requires": {
-        "cipher-base": "^1.0.3",
-        "create-hash": "^1.1.0",
-        "inherits": "^2.0.1",
-        "ripemd160": "^2.0.0",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
+        "browserslist": "^4.21.5"
       }
     },
     "create-require": {
@@ -12731,13 +12441,12 @@
       }
     },
     "eth-json-rpc-filters": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/eth-json-rpc-filters/-/eth-json-rpc-filters-4.2.2.tgz",
-      "integrity": "sha512-DGtqpLU7bBg63wPMWg1sCpkKCf57dJ+hj/k3zF26anXMzkmtSBDExL8IhUu7LUd34f0Zsce3PYNO2vV2GaTzaw==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eth-json-rpc-filters/-/eth-json-rpc-filters-5.1.0.tgz",
+      "integrity": "sha512-fos+9xmoa1A2Ytsc9eYof17r81BjdJOUcGcgZn4K/tKdCCTb+a8ytEtwlu1op5qsXFDlgGmstTELFrDEc89qEQ==",
       "requires": {
         "@metamask/safe-event-emitter": "^2.0.0",
         "async-mutex": "^0.2.6",
-        "eth-json-rpc-middleware": "^6.0.0",
         "eth-query": "^2.1.2",
         "json-rpc-engine": "^6.1.0",
         "pify": "^5.0.0"
@@ -12750,48 +12459,6 @@
         }
       }
     },
-    "eth-json-rpc-middleware": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/eth-json-rpc-middleware/-/eth-json-rpc-middleware-6.0.0.tgz",
-      "integrity": "sha512-qqBfLU2Uq1Ou15Wox1s+NX05S9OcAEL4JZ04VZox2NS0U+RtCMjSxzXhLFWekdShUPZ+P8ax3zCO2xcPrp6XJQ==",
-      "requires": {
-        "btoa": "^1.2.1",
-        "clone": "^2.1.1",
-        "eth-query": "^2.1.2",
-        "eth-rpc-errors": "^3.0.0",
-        "eth-sig-util": "^1.4.2",
-        "ethereumjs-util": "^5.1.2",
-        "json-rpc-engine": "^5.3.0",
-        "json-stable-stringify": "^1.0.1",
-        "node-fetch": "^2.6.1",
-        "pify": "^3.0.0",
-        "safe-event-emitter": "^1.0.1"
-      },
-      "dependencies": {
-        "eth-rpc-errors": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/eth-rpc-errors/-/eth-rpc-errors-3.0.0.tgz",
-          "integrity": "sha512-iPPNHPrLwUlR9xCSYm7HHQjWBasor3+KZfRvwEWxMz3ca0yqnlBeJrnyphkGIXZ4J7AMAaOLmwy4AWhnxOiLxg==",
-          "requires": {
-            "fast-safe-stringify": "^2.0.6"
-          }
-        },
-        "json-rpc-engine": {
-          "version": "5.4.0",
-          "resolved": "https://registry.npmjs.org/json-rpc-engine/-/json-rpc-engine-5.4.0.tgz",
-          "integrity": "sha512-rAffKbPoNDjuRnXkecTjnsE3xLLrb00rEkdgalINhaYVYIxDwWtvYBr9UFbhTvPB1B2qUOLoFd/cV6f4Q7mh7g==",
-          "requires": {
-            "eth-rpc-errors": "^3.0.0",
-            "safe-event-emitter": "^1.0.1"
-          }
-        },
-        "pify": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-          "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg=="
-        }
-      }
-    },
     "eth-query": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/eth-query/-/eth-query-2.1.2.tgz",
@@ -12809,87 +12476,6 @@
         "fast-safe-stringify": "^2.0.6"
       }
     },
-    "eth-sig-util": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/eth-sig-util/-/eth-sig-util-1.4.2.tgz",
-      "integrity": "sha512-iNZ576iTOGcfllftB73cPB5AN+XUQAT/T8xzsILsghXC1o8gJUqe3RHlcDqagu+biFpYQ61KQrZZJza8eRSYqw==",
-      "requires": {
-        "ethereumjs-abi": "git+https://github.com/ethereumjs/ethereumjs-abi.git",
-        "ethereumjs-util": "^5.1.1"
-      }
-    },
-    "ethereum-cryptography": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/ethereum-cryptography/-/ethereum-cryptography-0.1.3.tgz",
-      "integrity": "sha512-w8/4x1SGGzc+tO97TASLja6SLd3fRIK2tLVcV2Gx4IB21hE19atll5Cq9o3d0ZmAYC/8aw0ipieTSiekAea4SQ==",
-      "requires": {
-        "@types/pbkdf2": "^3.0.0",
-        "@types/secp256k1": "^4.0.1",
-        "blakejs": "^1.1.0",
-        "browserify-aes": "^1.2.0",
-        "bs58check": "^2.1.2",
-        "create-hash": "^1.2.0",
-        "create-hmac": "^1.1.7",
-        "hash.js": "^1.1.7",
-        "keccak": "^3.0.0",
-        "pbkdf2": "^3.0.17",
-        "randombytes": "^2.1.0",
-        "safe-buffer": "^5.1.2",
-        "scrypt-js": "^3.0.0",
-        "secp256k1": "^4.0.1",
-        "setimmediate": "^1.0.5"
-      }
-    },
-    "ethereumjs-abi": {
-      "version": "git+ssh://git@github.com/ethereumjs/ethereumjs-abi.git#ee3994657fa7a427238e6ba92a84d0b529bbcde0",
-      "from": "ethereumjs-abi@git+https://github.com/ethereumjs/ethereumjs-abi.git",
-      "requires": {
-        "bn.js": "^4.11.8",
-        "ethereumjs-util": "^6.0.0"
-      },
-      "dependencies": {
-        "bn.js": {
-          "version": "4.12.0",
-          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-          "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
-        },
-        "ethereumjs-util": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/ethereumjs-util/-/ethereumjs-util-6.2.1.tgz",
-          "integrity": "sha512-W2Ktez4L01Vexijrm5EB6w7dg4n/TgpoYU4avuT5T3Vmnw/eCRtiBrJfQYS/DCSvDIOLn2k57GcHdeBcgVxAqw==",
-          "requires": {
-            "@types/bn.js": "^4.11.3",
-            "bn.js": "^4.11.0",
-            "create-hash": "^1.1.2",
-            "elliptic": "^6.5.2",
-            "ethereum-cryptography": "^0.1.3",
-            "ethjs-util": "0.1.6",
-            "rlp": "^2.2.3"
-          }
-        }
-      }
-    },
-    "ethereumjs-util": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/ethereumjs-util/-/ethereumjs-util-5.2.1.tgz",
-      "integrity": "sha512-v3kT+7zdyCm1HIqWlLNrHGqHGLpGYIhjeHxQjnDXjLT2FyGJDsd3LWMYUo7pAFRrk86CR3nUJfhC81CCoJNNGQ==",
-      "requires": {
-        "bn.js": "^4.11.0",
-        "create-hash": "^1.1.2",
-        "elliptic": "^6.5.2",
-        "ethereum-cryptography": "^0.1.3",
-        "ethjs-util": "^0.1.3",
-        "rlp": "^2.0.0",
-        "safe-buffer": "^5.1.1"
-      },
-      "dependencies": {
-        "bn.js": {
-          "version": "4.12.0",
-          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-          "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
-        }
-      }
-    },
     "ethers": {
       "version": "5.7.2",
       "resolved": "https://registry.npmjs.org/ethers/-/ethers-5.7.2.tgz",
@@ -12927,15 +12513,6 @@
         "@ethersproject/wordlists": "5.7.0"
       }
     },
-    "ethjs-util": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/ethjs-util/-/ethjs-util-0.1.6.tgz",
-      "integrity": "sha512-CUnVOQq7gSpDHZVVrQW8ExxUETWrnrvXYvYz55wOU8Uj4VCgw56XC2B/fVqQN+f7gmrnRHSLVnFAwsCuNwji8w==",
-      "requires": {
-        "is-hex-prefixed": "1.0.0",
-        "strip-hex-prefix": "1.0.0"
-      }
-    },
     "eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
@@ -12946,15 +12523,6 @@
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
     },
-    "evp_bytestokey": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
-      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
-      "requires": {
-        "md5.js": "^1.3.4",
-        "safe-buffer": "^5.1.1"
-      }
-    },
     "eyes": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/eyes/-/eyes-0.1.8.tgz",
@@ -13287,16 +12855,6 @@
         "has-symbols": "^1.0.2"
       }
     },
-    "hash-base": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
-      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
-      "requires": {
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.6.0",
-        "safe-buffer": "^5.2.0"
-      }
-    },
     "hash.js": {
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
@@ -13478,11 +13036,6 @@
         "is-extglob": "^2.1.1"
       }
     },
-    "is-hex-prefixed": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-hex-prefixed/-/is-hex-prefixed-1.0.0.tgz",
-      "integrity": "sha512-WvtOiug1VFrE9v1Cydwm+FnXd3+w9GaeVUss5W4v/SLy3UW00vP+6iNF2SdnfiBoLy4bTqVdkftNGTUeOFVsbA=="
-    },
     "is-map": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
@@ -13697,14 +13250,6 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
-    "json-stable-stringify": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.2.tgz",
-      "integrity": "sha512-eunSSaEnxV12z+Z73y/j5N37/In40GK4GmsSy+tEHJMxknvqnA7/djeYtAgW0GsWHUfg+847WJjKaEylk2y09g==",
-      "requires": {
-        "jsonify": "^0.0.1"
-      }
-    },
     "json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
@@ -13723,11 +13268,6 @@
         "minimist": "^1.2.0"
       }
     },
-    "jsonify": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
-      "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg=="
-    },
     "jsonparse": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
@@ -13887,16 +13427,6 @@
       "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw=="
     },
-    "md5.js": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
-      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
-      "requires": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1",
-        "safe-buffer": "^5.1.2"
-      }
-    },
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -14302,18 +13832,6 @@
       "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
       "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ=="
     },
-    "pbkdf2": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
-      "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
-      "requires": {
-        "create-hash": "^1.1.2",
-        "create-hmac": "^1.1.4",
-        "ripemd160": "^2.0.1",
-        "safe-buffer": "^5.0.1",
-        "sha.js": "^2.4.8"
-      }
-    },
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -14434,9 +13952,9 @@
       "dev": true
     },
     "preact": {
-      "version": "10.12.1",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
-      "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg=="
+      "version": "10.13.0",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.13.0.tgz",
+      "integrity": "sha512-ERdIdUpR6doqdaSIh80hvzebHB7O6JxycOhyzAeLEchqOq/4yueslQbfnPwXaNhAYacFTyCclhwkEbOumT0tHw=="
     },
     "prelude-ls": {
       "version": "1.2.1",
@@ -14720,9 +14238,9 @@
       }
     },
     "readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.1.tgz",
+      "integrity": "sha512-+rQmrWMYGA90yenhTYsLWAsLsqVC8osOw6PKE1HDYiO0gdPeKe/xDHNzIAIn4C91YQ6oenEhfYqqc1883qHbjQ==",
       "requires": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -14800,27 +14318,10 @@
         "glob": "^7.1.3"
       }
     },
-    "ripemd160": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
-      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
-      "requires": {
-        "hash-base": "^3.0.0",
-        "inherits": "^2.0.1"
-      }
-    },
-    "rlp": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/rlp/-/rlp-2.2.7.tgz",
-      "integrity": "sha512-d5gdPmgQ0Z+AklL2NVXr/IoSjNZFfTVvQWzL/AM2AOcSzYP2xjlb0AC8YyCLc41MSNf6P6QVtjgPdmVtzb+4lQ==",
-      "requires": {
-        "bn.js": "^5.2.0"
-      }
-    },
     "rpc-websockets": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/rpc-websockets/-/rpc-websockets-7.5.0.tgz",
-      "integrity": "sha512-9tIRi1uZGy7YmDjErf1Ax3wtqdSSLIlnmL5OtOzgd5eqPKbsPpwDP5whUDO2LQay3Xp0CcHlcNSGzacNRluBaQ==",
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/rpc-websockets/-/rpc-websockets-7.5.1.tgz",
+      "integrity": "sha512-kGFkeTsmd37pHPMaHIgN1LVKXMi0JD782v4Ds9ZKtLlwdTKjn+CxM9A9/gLT2LaOuEcEFGL98h1QWQtlOIdW0w==",
       "requires": {
         "@babel/runtime": "^7.17.2",
         "bufferutil": "^4.0.1",
@@ -14831,9 +14332,9 @@
       },
       "dependencies": {
         "ws": {
-          "version": "8.12.0",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.0.tgz",
-          "integrity": "sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==",
+          "version": "8.12.1",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-8.12.1.tgz",
+          "integrity": "sha512-1qo+M9Ba+xNhPB+YTWUlK6M17brTut5EXbcBaMRN5pH5dFrXz7lzz1ChFSUq3bOUl8yEvSenhHmYUNJxFzdJew==",
           "requires": {}
         }
       }
@@ -14907,16 +14408,6 @@
       "resolved": "https://registry.npmjs.org/scrypt-js/-/scrypt-js-3.0.1.tgz",
       "integrity": "sha512-cdwTTnqPu0Hyvf5in5asVdZocVDTNRmR7XEcJuIzMjJeSHybHl7vpB66AzwTaIg6CLSbtjcxc8fqcySfnTkccA=="
     },
-    "secp256k1": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/secp256k1/-/secp256k1-4.0.3.tgz",
-      "integrity": "sha512-NLZVf+ROMxwtEj3Xa562qgv2BK5e2WNmXPiOdVIPLgs6lyTzMvBq0aWTYMI5XCP9jZMVKOcqZLw/Wc4vDkuxhA==",
-      "requires": {
-        "elliptic": "^6.5.4",
-        "node-addon-api": "^2.0.0",
-        "node-gyp-build": "^4.2.0"
-      }
-    },
     "semver": {
       "version": "7.3.8",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
@@ -14938,11 +14429,6 @@
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
     },
-    "setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
-    },
     "sha.js": {
       "version": "2.4.11",
       "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
@@ -15103,14 +14589,6 @@
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
       "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA=="
     },
-    "strip-hex-prefix": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/strip-hex-prefix/-/strip-hex-prefix-1.0.0.tgz",
-      "integrity": "sha512-q8d4ue7JGEiVcypji1bALTos+0pWtyGlivAWyPuTkHzuTCJqrK9sWxYQZUq6Nq3cuyv3bm734IhHvHtGGURU6A==",
-      "requires": {
-        "is-hex-prefixed": "1.0.0"
-      }
-    },
     "strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -15438,6 +14916,19 @@
         "use-sync-external-store": "1.2.0"
       }
     },
+    "wagmi": {
+      "version": "0.11.7",
+      "resolved": "https://registry.npmjs.org/wagmi/-/wagmi-0.11.7.tgz",
+      "integrity": "sha512-IiB1TxTVn+xvjju3ZNQfiwfiB6EZj1h3CO7Zt8q0PEDRN76jqniaeOV7QAnfBgtbqmVh2co4Miaz1rRtvVPMTQ==",
+      "requires": {
+        "@tanstack/query-sync-storage-persister": "^4.14.5",
+        "@tanstack/react-query": "^4.14.5",
+        "@tanstack/react-query-persist-client": "^4.14.5",
+        "@wagmi/core": "0.9.7",
+        "abitype": "^0.3.0",
+        "use-sync-external-store": "^1.2.0"
+      }
+    },
     "webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -15594,9 +15085,9 @@
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
     },
     "zustand": {
-      "version": "4.3.3",
-      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.3.3.tgz",
-      "integrity": "sha512-x2jXq8S0kfLGNwGh87nhRfEc2eZy37tSatpSoSIN+O6HIaBhgQHSONV/F9VNrNcBcKQu/E80K1DeHDYQC/zCrQ==",
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.3.4.tgz",
+      "integrity": "sha512-QSV8MF80I4yM9UCcBhIBr5OcQkiTbZdxDofg5R5vyX49QsEia7sK1iwOhFyH/0hyNVg+h+OzARM76G8MgMno0g==",
       "requires": {
         "use-sync-external-store": "1.2.0"
       }
diff --git a/package.json b/package.json
index 6e40018..00557f1 100644
--- a/package.json
+++ b/package.json
@@ -13,14 +13,14 @@
     "@types/node": "18.11.18",
     "@types/react": "18.0.27",
     "@types/react-dom": "18.0.10",
-    "@wagmi/core": "^0.9.5",
     "eslint": "8.33.0",
     "eslint-config-next": "13.1.6",
     "ethers": "^5.7.2",
     "next": "13.1.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "typescript": "4.9.5"
+    "typescript": "4.9.5",
+    "wagmi": "^0.11.7"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.13",
diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index 7e8ee15..1908475 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -3,7 +3,8 @@ import Image from 'next/image'
 import { PT_Mono } from '@next/font/google'
 import { config } from '@/utils/Config'
 import { chainUtils } from '@/utils/ChainUtils'
-import { configureChains, connect, ConnectResult, createClient, InjectedConnector, Provider, readContract, readContracts } from '@wagmi/core'
+import { configureChains, createClient, useAccount, useConnect, useContractRead, useContractReads, useDisconnect, WagmiConfig } from 'wagmi'
+import { InjectedConnector } from 'wagmi/connectors/injected'
 import { publicProvider } from '@wagmi/core/providers/public'
 import Sector3DAO from '../../../abis/Sector3DAO.json'
 import Sector3DAOPriority from '../../../abis/Sector3DAOPriority.json'
@@ -22,20 +23,16 @@ const client = createClient({
   provider
 })
 
-export default function DAO({ dao, priorities }: any) {
-  console.log('DAO')
-
-  console.log('dao:', dao)
-  console.log('priorities:', priorities)
+export default function Page({ address }: any) {
+  console.log('Page')
 
-  const headTitle = 'Sector#3 / ' + dao.name
-  const headDescription = 'Purpose: ' + dao.purpose
+  console.log('address:', address)
 
   return (
-    <>
+    <WagmiConfig client={client}>
       <Head>
-        <title>{headTitle}</title>
-        <meta name="description" content={headDescription} />
+        <title>Sector#3</title>
+        <meta name="description" content="Do DAOs Dream of Electric Sheep? ⚡️🐑" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
@@ -47,72 +44,24 @@ export default function DAO({ dao, priorities }: any) {
       <main className='p-2 sm:p-4 md:p-8 lg:p-16 xl:p-32 2xl:p-64'>
         <div id='header' className='md:flex p-6 bg-black rounded-xl'>
           <div className='md:w-2/3 flex'>
-            <div className='w-1/6'>
-              <Image
-                alt="DAO token"
-                width={100}
-                height={100}
-                src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0x2d94AA3e47d9D5024503Ca8491fcE9A2fB4DA198/logo.png"
-              />
-            </div>
-            <div className='w-5/6 pl-6'>
-              <h2 className='text-xl font-bold'>{dao.name}</h2>
-              <p className='text-gray-400 pb-6 md:pb-0'>Purpose: {dao.purpose}</p>
-            </div>
+            <DAO address={address} />
           </div>
           <div className='text-center md:text-right md:w-1/3'>
-            <button className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
-              <div className='flex'>
-                <Image alt='Ethereum' src='/ethereum.svg' width={24} height={24} className='mr-2' />Connect
-              </div>
-            </button>
+            <EthereumAccount />
           </div>
         </div>
 
-        <div className='container mt-4'>
-          <Link href={`${config.etherscanDomain}/address/${dao.address}#writeContract#F1`} target='_blank'>
-            <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled>Add Priority</button>
-          </Link>
-
-          <h2 className="text-2xl text-gray-400">🎯 Priorities:</h2>
-        </div>
-
-        <div className='container'>
-          {
-            priorities.map((priority: any, index: number) => (
-              <div key={index} className='mt-4 p-6 bg-gray-800 rounded-xl'>
-                Title: <b>{priority.title}</b><br />
-                Reward token: <code>{priority.rewardToken}</code><br />
-                Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
-                Start date: {priority.startDate}<br />
-
-                <Link href={`/priorities/${priority.address}`}>
-                  <button className='mt-4 px-4 py-2 text-white font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>View Epochs ⏱️</button>
-                </Link>
-              </div>
-            ))
-          }
+        <div id='content' className='mt-4'>
+          <Priorities address={address} />
         </div>
       </main>
-    </>
+    </WagmiConfig>
   )
 }
 
-export async function getStaticPaths() {
-  console.log('getStaticPaths')
-
-  return {
-    paths: [
-      // { params: { address: '0x66E6Aed398d2BD699214c4580EC6A5D65C223176' } }
-    ],
-    fallback: 'blocking'
-  }
-}
-
-export async function getStaticProps(context: any) {
-  console.log('getStaticProps')
+function DAO({ address }: any) {
+  console.log('DAO')
 
-  const address = context.params.address
   console.log('address:', address)
 
   const daoContract = {
@@ -120,7 +69,7 @@ export async function getStaticProps(context: any) {
     abi: Sector3DAO.abi
   }
 
-  const daoData = await readContracts({
+  const { data: daoData, isError, isLoading } = useContractReads({
     contracts: [
       {
         ...daoContract,
@@ -137,16 +86,96 @@ export async function getStaticProps(context: any) {
     ]
   })
   console.log('daoData:', daoData)
+  console.log('isError:', isError)
+  console.log('isLoading:', isLoading)
+
+  let name = null
+  let purpose = null
+  if (daoData != undefined) {
+    name = daoData[0]
+    purpose = daoData[1]
+  }
+  
+  const dao = {
+    address: address,
+    name: name,
+    purpose: purpose
+  }
+
+  if (!dao.name) {
+    return (
+      <div className="flex items-center justify-center text-gray-400 pb-6 md:pb-0">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
+  }
+
+  return (
+    <div className='flex'>
+      <div className='w-1/6'>
+        <Image
+          alt="DAO token"
+          width={100}
+          height={100}
+          src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0x2d94AA3e47d9D5024503Ca8491fcE9A2fB4DA198/logo.png"
+        />
+      </div>
+      <div className='w-5/6 pl-6'>
+        <h2 className='text-xl font-bold'>{dao.name}</h2>
+        <p className='text-gray-400 pb-6 md:pb-0'>Purpose: {dao.purpose}</p>
+      </div>
+    </div>
+  )
+}
+
+function EthereumAccount() {
+  console.log('EthereumAccount')
+
+  const { address, isConnected } = useAccount();
+  const { connect } = useConnect({
+    connector: new InjectedConnector()
+  })
+  const { disconnect } = useDisconnect()
+
+  if (!isConnected) {
+    return (
+      <button onClick={() => connect()} className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
+        <div className='flex'>
+          <Image alt='Ethereum' src='/ethereum.svg' width={24} height={24} />
+          &nbsp;Connect
+        </div>
+      </button>
+    )
+  }
+
+  return (
+    <button onClick={() => disconnect()} className='rounded-xl text-xl font-bold bg-gray-800 hover:bg-gray-700 px-4 py-2'>
+      <div className='flex'>
+        <img src={`https://cdn.stamp.fyi/avatar/eth:${address}?s=128`} className="h-7 w-7 bg-gray-700 rounded-full" />
+        &nbsp;<code>{address?.substring(0, 6)}...{address?.slice(-4)}</code>
+      </div>
+    </button>
+  )
+}
+
+function Priorities({ address }: any) {
+  console.log('Priorities')
+
+  console.log('address:', address)
+
+  const { isConnected } = useAccount();
+  console.log('isConnected:', isConnected)
 
   let priorityAddresses: any[] = []
 
-  const priorityCount: Number = Number(daoData[2])
+  const priorityCount: Number = 3 // TODO
   console.log('priorityCount:', priorityCount)
   let priorityIndex = 0;
   while (priorityIndex < priorityCount) {
     console.log('priorityIndex:', priorityIndex)
 
-    const priorityData = await readContract({
+    const { data: priorityData, isError, isLoading } = useContractRead({
       address: address,
       abi: Sector3DAO.abi,
       functionName: 'priorities',
@@ -167,7 +196,7 @@ export async function getStaticProps(context: any) {
       abi: Sector3DAOPriority.abi
     }
 
-    const priorityData = await readContracts({
+    const { data: priorityData, isError, isLoading } = useContractReads({
       contracts: [
         {
           ...priorityContract,
@@ -192,28 +221,83 @@ export async function getStaticProps(context: any) {
       ]
     })
     console.log('priorityData:', priorityData)
+    console.log('isError:', isError)
+    console.log('isLoading:', isLoading)
 
-    const priority: any = {
-      address: priorityAddress,
-      title: priorityData[0],
-      rewardToken: priorityData[1],
-      startDate: new Date(Number(priorityData[2]) * 1_000).toISOString().substring(0, 10),
-      epochDuration: priorityData[3],
-      epochBudget: ethers.utils.formatUnits(String(priorityData[4]))
+    
+    if (priorityData != undefined) {
+      const priority: any = {
+        address: priorityAddress,
+        title: priorityData[0],
+        rewardToken: priorityData[1],
+        startDate: new Date(Number(priorityData[2]) * 1_000).toISOString().substring(0, 10),
+        epochDuration: priorityData[3],
+        epochBudget: ethers.utils.formatUnits(String(priorityData[4]))
+      }
+      priorities[priorities.length] = priority
     }
-    priorities[priorities.length] = priority
   }
 
-  const dao = {
-    name: daoData[0],
-    purpose: daoData[1],
-    address: address
+
+  if (priorities.length == 0) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
   }
 
+  return (
+    <div>
+      <div className='container'>
+        <Link href={`${config.etherscanDomain}/address/${address}#writeContract#F1`} target='_blank'>
+          <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled={!isConnected}>Add Priority</button>
+        </Link>
+
+        <h2 className="text-2xl text-gray-400">🎯 Priorities:</h2>
+      </div>
+
+      <div className='container'>
+        {
+          priorities.map((priority: any, index: number) => (
+            <div key={index} className='mt-4 p-6 bg-gray-800 rounded-xl'>
+              Title: <b>{priority.title}</b><br />
+              Reward token: <code>{priority.rewardToken}</code><br />
+              Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
+              Start date: {priority.startDate}<br />
+
+              <Link href={`/priorities/${priority.address}`}>
+                <button className='mt-4 px-4 py-2 text-white font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>View Epochs ⏱️</button>
+              </Link>
+            </div>
+          ))
+        }
+      </div>
+    </div>
+  )
+}
+
+export async function getStaticPaths() {
+  console.log('getStaticPaths')
+
+  return {
+    paths: [
+      // { params: { address: '0x66E6Aed398d2BD699214c4580EC6A5D65C223176' } }
+    ],
+    fallback: 'blocking'
+  }
+}
+
+export async function getStaticProps(context: any) {
+  console.log('getStaticProps')
+
+  const address = context.params.address
+  console.log('address:', address)
+
   return {
     props: {
-      dao: dao,
-      priorities: priorities
+      address: address
     },
     revalidate: 60
   }
diff --git a/src/utils/ChainUtils.ts b/src/utils/ChainUtils.ts
index 06259ae..dd61a19 100644
--- a/src/utils/ChainUtils.ts
+++ b/src/utils/ChainUtils.ts
@@ -1,4 +1,4 @@
-import { mainnet, goerli, localhost } from '@wagmi/chains'
+import { mainnet, goerli, localhost } from 'wagmi/chains'
 import { config } from '@/utils/Config'
 
 const chains = [mainnet, goerli, localhost]

From 663859d9e79f2b82aacaa817f94cc58f38a8155f Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Tue, 28 Feb 2023 10:59:09 +0800
Subject: [PATCH 05/12] refactor: implement getPriorityCount() (#24)

---
 package-lock.json            |  32 +++----
 package.json                 |   8 +-
 src/pages/daos/[address].tsx | 162 +++++++++++++++++------------------
 3 files changed, 97 insertions(+), 105 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8969cd3..0163ca7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,14 +10,14 @@
       "dependencies": {
         "@next/font": "13.1.6",
         "@types/node": "18.11.18",
-        "@types/react": "18.0.27",
-        "@types/react-dom": "18.0.10",
+        "@types/react": "^18.0.28",
+        "@types/react-dom": "^18.0.11",
         "eslint": "8.33.0",
         "eslint-config-next": "13.1.6",
         "ethers": "^5.7.2",
         "next": "13.1.6",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "typescript": "4.9.5",
         "wagmi": "^0.11.7"
       },
@@ -2170,9 +2170,9 @@
       "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
     "node_modules/@types/react": {
-      "version": "18.0.27",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.27.tgz",
-      "integrity": "sha512-3vtRKHgVxu3Jp9t718R9BuzoD4NcQ8YJ5XRzsSKxNDiDonD2MXIT1TmSkenxuCycZJoQT5d2vE8LwWJxBC1gmA==",
+      "version": "18.0.28",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.28.tgz",
+      "integrity": "sha512-RD0ivG1kEztNBdoAK7lekI9M+azSnitIn85h4iOiaLjaTrMjzslhaqCGaI4IyCJ1RljWiLCEu4jyrLLgqxBTew==",
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -2180,9 +2180,9 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.0.10",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.10.tgz",
-      "integrity": "sha512-E42GW/JA4Qv15wQdqJq8DL4JhNpB3prJgjgapN3qJT9K2zO5IIAQh4VXvCEDupoqAwnz0cY4RlXeC/ajX5SFHg==",
+      "version": "18.0.11",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz",
+      "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==",
       "dependencies": {
         "@types/react": "*"
       }
@@ -10254,9 +10254,9 @@
       "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
     "@types/react": {
-      "version": "18.0.27",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.27.tgz",
-      "integrity": "sha512-3vtRKHgVxu3Jp9t718R9BuzoD4NcQ8YJ5XRzsSKxNDiDonD2MXIT1TmSkenxuCycZJoQT5d2vE8LwWJxBC1gmA==",
+      "version": "18.0.28",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.28.tgz",
+      "integrity": "sha512-RD0ivG1kEztNBdoAK7lekI9M+azSnitIn85h4iOiaLjaTrMjzslhaqCGaI4IyCJ1RljWiLCEu4jyrLLgqxBTew==",
       "requires": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -10264,9 +10264,9 @@
       }
     },
     "@types/react-dom": {
-      "version": "18.0.10",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.10.tgz",
-      "integrity": "sha512-E42GW/JA4Qv15wQdqJq8DL4JhNpB3prJgjgapN3qJT9K2zO5IIAQh4VXvCEDupoqAwnz0cY4RlXeC/ajX5SFHg==",
+      "version": "18.0.11",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.11.tgz",
+      "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==",
       "requires": {
         "@types/react": "*"
       }
diff --git a/package.json b/package.json
index 00557f1..acacce2 100644
--- a/package.json
+++ b/package.json
@@ -11,14 +11,14 @@
   "dependencies": {
     "@next/font": "13.1.6",
     "@types/node": "18.11.18",
-    "@types/react": "18.0.27",
-    "@types/react-dom": "18.0.10",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
     "eslint": "8.33.0",
     "eslint-config-next": "13.1.6",
     "ethers": "^5.7.2",
     "next": "13.1.6",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "typescript": "4.9.5",
     "wagmi": "^0.11.7"
   },
diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index 1908475..79680ba 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -122,8 +122,8 @@ function DAO({ address }: any) {
         />
       </div>
       <div className='w-5/6 pl-6'>
-        <h2 className='text-xl font-bold'>{dao.name}</h2>
-        <p className='text-gray-400 pb-6 md:pb-0'>Purpose: {dao.purpose}</p>
+        <h2 className='text-xl font-bold'><>{dao.name}</></h2>
+        <p className='text-gray-400 pb-6 md:pb-0'><>Purpose: {dao.purpose}</></p>
       </div>
     </div>
   )
@@ -167,79 +167,10 @@ function Priorities({ address }: any) {
   const { isConnected } = useAccount();
   console.log('isConnected:', isConnected)
 
-  let priorityAddresses: any[] = []
+  let priorityAddresses: any[] = ['0x90568B9Ba334b992707E0580505260BFdA4F8C67', '0xd7aC7a02F171DDA4435Df9d4556AC92F388130Cb', '0xE52Ce0Ac083627c4232763148245b22d63227A2b']
+  console.log('priorityAddresses:', priorityAddresses)
 
-  const priorityCount: Number = 3 // TODO
-  console.log('priorityCount:', priorityCount)
-  let priorityIndex = 0;
-  while (priorityIndex < priorityCount) {
-    console.log('priorityIndex:', priorityIndex)
-
-    const { data: priorityData, isError, isLoading } = useContractRead({
-      address: address,
-      abi: Sector3DAO.abi,
-      functionName: 'priorities',
-      args: [priorityIndex]
-    })
-    console.log('priorityData:', priorityData)
-    priorityAddresses[priorityIndex] = priorityData
-
-    priorityIndex++
-  }
-
-  let priorities = []
-  for (const priorityAddress of priorityAddresses) {
-    console.log('priorityAddress:', priorityAddress)
-
-    const priorityContract = {
-      address: priorityAddress,
-      abi: Sector3DAOPriority.abi
-    }
-
-    const { data: priorityData, isError, isLoading } = useContractReads({
-      contracts: [
-        {
-          ...priorityContract,
-          functionName: 'title'
-        },
-        {
-          ...priorityContract,
-          functionName: 'rewardToken'
-        },
-        {
-          ...priorityContract,
-          functionName: 'startTime'
-        },
-        {
-          ...priorityContract,
-          functionName: 'epochDuration'
-        },
-        {
-          ...priorityContract,
-          functionName: 'epochBudget'
-        }
-      ]
-    })
-    console.log('priorityData:', priorityData)
-    console.log('isError:', isError)
-    console.log('isLoading:', isLoading)
-
-    
-    if (priorityData != undefined) {
-      const priority: any = {
-        address: priorityAddress,
-        title: priorityData[0],
-        rewardToken: priorityData[1],
-        startDate: new Date(Number(priorityData[2]) * 1_000).toISOString().substring(0, 10),
-        epochDuration: priorityData[3],
-        epochBudget: ethers.utils.formatUnits(String(priorityData[4]))
-      }
-      priorities[priorities.length] = priority
-    }
-  }
-
-
-  if (priorities.length == 0) {
+  if (priorityAddresses.length == 0) {
     return (
       <div className="flex items-center text-gray-400">
         <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
@@ -252,7 +183,7 @@ function Priorities({ address }: any) {
     <div>
       <div className='container'>
         <Link href={`${config.etherscanDomain}/address/${address}#writeContract#F1`} target='_blank'>
-          <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled={!isConnected}>Add Priority</button>
+          <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled={!isConnected}>+ Add Priority</button>
         </Link>
 
         <h2 className="text-2xl text-gray-400">🎯 Priorities:</h2>
@@ -260,16 +191,9 @@ function Priorities({ address }: any) {
 
       <div className='container'>
         {
-          priorities.map((priority: any, index: number) => (
-            <div key={index} className='mt-4 p-6 bg-gray-800 rounded-xl'>
-              Title: <b>{priority.title}</b><br />
-              Reward token: <code>{priority.rewardToken}</code><br />
-              Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
-              Start date: {priority.startDate}<br />
-
-              <Link href={`/priorities/${priority.address}`}>
-                <button className='mt-4 px-4 py-2 text-white font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>View Epochs ⏱️</button>
-              </Link>
+          priorityAddresses.map((priorityAddress: any) => (
+            <div key={priorityAddress}>
+              <Priority priorityAddress={priorityAddress} />
             </div>
           ))
         }
@@ -278,6 +202,74 @@ function Priorities({ address }: any) {
   )
 }
 
+function Priority({ priorityAddress }: any ) {
+  console.log('Priority')
+
+  console.log('priorityAddress:', priorityAddress)
+
+  const priorityContract = {
+    address: priorityAddress,
+    abi: Sector3DAOPriority.abi
+  }
+
+  const { data: priorityData, isError, isLoading } = useContractReads({
+    contracts: [
+      {
+        ...priorityContract,
+        functionName: 'title'
+      },
+      {
+        ...priorityContract,
+        functionName: 'rewardToken'
+      },
+      {
+        ...priorityContract,
+        functionName: 'startTime'
+      },
+      {
+        ...priorityContract,
+        functionName: 'epochDuration'
+      },
+      {
+        ...priorityContract,
+        functionName: 'epochBudget'
+      }
+    ]
+  })
+  console.log('priorityData:', priorityData)
+  console.log('isError:', isError)
+  console.log('isLoading:', isLoading)
+
+  if (priorityData != undefined) {
+    const priority: any = {
+      address: priorityAddress,
+      title: priorityData[0],
+      rewardToken: priorityData[1],
+      startDate: new Date(Number(priorityData[2]) * 1_000).toISOString().substring(0, 10),
+      epochDuration: priorityData[3],
+      epochBudget: ethers.utils.formatUnits(String(priorityData[4]))
+    }
+    return (
+      <div className='mt-4 p-6 bg-gray-800 rounded-xl'>
+        Title: <b>{priority.title}</b><br />
+        Reward token: <code>{priority.rewardToken}</code><br />
+        Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
+        Start date: {priority.startDate}<br />
+  
+        <Link href={`/priorities/${priority.address}`}>
+          <button className='mt-4 px-4 py-2 text-gray-200 font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>⏱️ View Epochs</button>
+        </Link>
+      </div>
+    )
+  }
+  return (
+    <div className="mt-4 p-6 bg-gray-800 flex items-center text-gray-400">
+      <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+      &nbsp;Loading...
+    </div>
+  )
+}
+
 export async function getStaticPaths() {
   console.log('getStaticPaths')
 

From a705b8d3bd4907858117dddfd5e9b8685e35f7d3 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Tue, 28 Feb 2023 11:22:53 +0800
Subject: [PATCH 06/12] npm update

---
 package-lock.json | 374 ++++++++++++++++++++++++----------------------
 1 file changed, 199 insertions(+), 175 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0163ca7..9166322 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -462,9 +462,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.20.13",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.13.tgz",
-      "integrity": "sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz",
+      "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
       "dependencies": {
         "regenerator-runtime": "^0.13.11"
       },
@@ -897,11 +897,6 @@
         "scrypt-js": "3.0.1"
       }
     },
-    "node_modules/@ethersproject/json-wallets/node_modules/aes-js": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.0.0.tgz",
-      "integrity": "sha512-H7wUZRn8WpTq9jocdxQ2c8x2sKo9ZVmzfRE13GiNJXfp7NcKYEdvl3vspKjXox6RIG2VtaRe4JFvxG4rqp2Zuw=="
-    },
     "node_modules/@ethersproject/keccak256": {
       "version": "5.7.0",
       "resolved": "https://registry.npmjs.org/@ethersproject/keccak256/-/keccak256-5.7.0.tgz",
@@ -1028,26 +1023,6 @@
         "ws": "7.4.6"
       }
     },
-    "node_modules/@ethersproject/providers/node_modules/ws": {
-      "version": "7.4.6",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
-      "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
-      "engines": {
-        "node": ">=8.3.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@ethersproject/random": {
       "version": "5.7.0",
       "resolved": "https://registry.npmjs.org/@ethersproject/random/-/random-5.7.0.tgz",
@@ -2206,13 +2181,13 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.50.0.tgz",
-      "integrity": "sha512-KCcSyNaogUDftK2G9RXfQyOCt51uB5yqC6pkUYqhYh8Kgt+DwR5M0EwEAxGPy/+DH6hnmKeGsNhiZRQxjH71uQ==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.54.0.tgz",
+      "integrity": "sha512-aAVL3Mu2qTi+h/r04WI/5PfNWvO6pdhpeMRWk9R7rEV4mwJNzoWf5CCU5vDKBsPIFQFjEq1xg7XBI2rjiMXQbQ==",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.50.0",
-        "@typescript-eslint/types": "5.50.0",
-        "@typescript-eslint/typescript-estree": "5.50.0",
+        "@typescript-eslint/scope-manager": "5.54.0",
+        "@typescript-eslint/types": "5.54.0",
+        "@typescript-eslint/typescript-estree": "5.54.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2232,12 +2207,12 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.50.0.tgz",
-      "integrity": "sha512-rt03kaX+iZrhssaT974BCmoUikYtZI24Vp/kwTSy841XhiYShlqoshRFDvN1FKKvU2S3gK+kcBW1EA7kNUrogg==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.54.0.tgz",
+      "integrity": "sha512-VTPYNZ7vaWtYna9M4oD42zENOBrb+ZYyCNdFs949GcN8Miwn37b8b7eMj+EZaq7VK9fx0Jd+JhmkhjFhvnovhg==",
       "dependencies": {
-        "@typescript-eslint/types": "5.50.0",
-        "@typescript-eslint/visitor-keys": "5.50.0"
+        "@typescript-eslint/types": "5.54.0",
+        "@typescript-eslint/visitor-keys": "5.54.0"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -2248,9 +2223,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.50.0.tgz",
-      "integrity": "sha512-atruOuJpir4OtyNdKahiHZobPKFvZnBnfDiyEaBf6d9vy9visE7gDjlmhl+y29uxZ2ZDgvXijcungGFjGGex7w==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.54.0.tgz",
+      "integrity": "sha512-nExy+fDCBEgqblasfeE3aQ3NuafBUxZxgxXcYfzYRZFHdVvk5q60KhCSkG0noHgHRo/xQ/BOzURLZAafFpTkmQ==",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -2260,12 +2235,12 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.50.0.tgz",
-      "integrity": "sha512-Gq4zapso+OtIZlv8YNAStFtT6d05zyVCK7Fx3h5inlLBx2hWuc/0465C2mg/EQDDU2LKe52+/jN4f0g9bd+kow==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.54.0.tgz",
+      "integrity": "sha512-X2rJG97Wj/VRo5YxJ8Qx26Zqf0RRKsVHd4sav8NElhbZzhpBI8jU54i6hfo9eheumj4oO4dcRN1B/zIVEqR/MQ==",
       "dependencies": {
-        "@typescript-eslint/types": "5.50.0",
-        "@typescript-eslint/visitor-keys": "5.50.0",
+        "@typescript-eslint/types": "5.54.0",
+        "@typescript-eslint/visitor-keys": "5.54.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -2286,11 +2261,11 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.50.0.tgz",
-      "integrity": "sha512-cdMeD9HGu6EXIeGOh2yVW6oGf9wq8asBgZx7nsR/D36gTfQ0odE5kcRYe5M81vjEFAcPeugXrHg78Imu55F6gg==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.54.0.tgz",
+      "integrity": "sha512-xu4wT7aRCakGINTLGeyGqDn+78BwFlggwBjnHa1ar/KaGagnmwLYmlrXIrgAaQ3AE1Vd6nLfKASm7LrFHNbKGA==",
       "dependencies": {
-        "@typescript-eslint/types": "5.50.0",
+        "@typescript-eslint/types": "5.54.0",
         "eslint-visitor-keys": "^3.3.0"
       },
       "engines": {
@@ -2446,6 +2421,11 @@
         "tslib": "1.14.1"
       }
     },
+    "node_modules/@walletconnect/crypto/node_modules/aes-js": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.1.2.tgz",
+      "integrity": "sha512-e5pEa2kBnBOgR4Y/p20pskXI74UEz7de8ZGVo58asOtvSVG5YAbJeELPZxOmt+Bnz3rX753YKhfIn4X4l1PPRQ=="
+    },
     "node_modules/@walletconnect/crypto/node_modules/tslib": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
@@ -2614,6 +2594,26 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
     },
+    "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/ws": {
+      "version": "7.5.9",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
+      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@walletconnect/keyvaluestorage": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@walletconnect/keyvaluestorage/-/keyvaluestorage-1.0.2.tgz",
@@ -2887,6 +2887,26 @@
         "ws": "7.5.3"
       }
     },
+    "node_modules/@walletconnect/socket-transport/node_modules/ws": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
+      "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@walletconnect/time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@walletconnect/time/-/time-1.0.2.tgz",
@@ -3289,9 +3309,9 @@
       }
     },
     "node_modules/aes-js": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.1.2.tgz",
-      "integrity": "sha512-e5pEa2kBnBOgR4Y/p20pskXI74UEz7de8ZGVo58asOtvSVG5YAbJeELPZxOmt+Bnz3rX753YKhfIn4X4l1PPRQ=="
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.0.0.tgz",
+      "integrity": "sha512-H7wUZRn8WpTq9jocdxQ2c8x2sKo9ZVmzfRE13GiNJXfp7NcKYEdvl3vspKjXox6RIG2VtaRe4JFvxG4rqp2Zuw=="
     },
     "node_modules/agentkeepalive": {
       "version": "4.2.1",
@@ -3846,9 +3866,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001450",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001450.tgz",
-      "integrity": "sha512-qMBmvmQmFXaSxexkjjfMvD5rnDL0+m+dUMZKoDYsGG8iZN29RuYh9eRoMvKsT6uMAWlyUUGDEQGJJYjzCIO9ew==",
+      "version": "1.0.30001458",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001458.tgz",
+      "integrity": "sha512-lQ1VlUUq5q9ro9X+5gOEyH7i3vm+AYVT1WDCVB69XOZ17KZRhnZ9J0Sqz7wTHQaLBJccNCHq8/Ww5LlOIZbB0w==",
       "funding": [
         {
           "type": "opencollective",
@@ -4166,9 +4186,9 @@
       }
     },
     "node_modules/define-properties": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
-      "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+      "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
       "dependencies": {
         "has-property-descriptors": "^1.0.0",
         "object-keys": "^1.1.1"
@@ -4297,9 +4317,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.284",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
-      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
+      "version": "1.4.313",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.313.tgz",
+      "integrity": "sha512-QckB9OVqr2oybjIrbMI99uF+b9+iTja5weFe0ePbqLb5BHqXOJUO1SG6kDj/1WtWPRIBr51N153AEq8m7HuIaA=="
     },
     "node_modules/elliptic": {
       "version": "6.5.4",
@@ -4887,9 +4907,9 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
+      "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -5340,9 +5360,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.3.0.tgz",
-      "integrity": "sha512-YCcF28IqSay3fqpIu5y3Krg/utCBHBeoflkZyHj/QcqI2nrLPC3ZegS9CmIo+hJb8K7aiGsuUl7PwWVjNG2HQQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.4.0.tgz",
+      "integrity": "sha512-0Gdjo/9+FzsYhXCEFueo2aY1z1tpXrxWZzP7k8ul9qt1U5o8rYJwTJYmaeHdrVosYIVYkOy2iwCJ9FdpocJhPQ==",
       "funding": {
         "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
@@ -5634,11 +5654,11 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/internal-slot": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz",
-      "integrity": "sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
       "dependencies": {
-        "get-intrinsic": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
         "has": "^1.0.3",
         "side-channel": "^1.0.4"
       },
@@ -6372,9 +6392,9 @@
       }
     },
     "node_modules/minimist": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
-      "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -6645,9 +6665,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.9.tgz",
-      "integrity": "sha512-2xfmOrRkGogbTK9R6Leda0DGiXeY3p2NJpy4+gNCffdUvV6mdEJnaDEic1i3Ec2djAo8jWYoJMR5PB0MSMpxUA=="
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
+      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w=="
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
@@ -6802,9 +6822,9 @@
       }
     },
     "node_modules/open": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.0.tgz",
-      "integrity": "sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==",
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
       "dependencies": {
         "define-lazy-prop": "^2.0.0",
         "is-docker": "^2.1.1",
@@ -7035,9 +7055,9 @@
       }
     },
     "node_modules/postcss-js": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
-      "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
       "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
@@ -7050,7 +7070,7 @@
         "url": "https://opencollective.com/postcss/"
       },
       "peerDependencies": {
-        "postcss": "^8.3.3"
+        "postcss": "^8.4.21"
       }
     },
     "node_modules/postcss-load-config": {
@@ -8264,12 +8284,12 @@
       }
     },
     "node_modules/tsconfig-paths": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
-      "integrity": "sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==",
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
+      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
       "dependencies": {
         "@types/json5": "^0.0.29",
-        "json5": "^1.0.1",
+        "json5": "^1.0.2",
         "minimist": "^1.2.6",
         "strip-bom": "^3.0.0"
       }
@@ -8636,9 +8656,9 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/ws": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
-      "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
+      "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -9100,9 +9120,9 @@
       }
     },
     "@babel/runtime": {
-      "version": "7.20.13",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.13.tgz",
-      "integrity": "sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==",
+      "version": "7.21.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz",
+      "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
       "requires": {
         "regenerator-runtime": "^0.13.11"
       }
@@ -9380,13 +9400,6 @@
         "@ethersproject/transactions": "^5.7.0",
         "aes-js": "3.0.0",
         "scrypt-js": "3.0.1"
-      },
-      "dependencies": {
-        "aes-js": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.0.0.tgz",
-          "integrity": "sha512-H7wUZRn8WpTq9jocdxQ2c8x2sKo9ZVmzfRE13GiNJXfp7NcKYEdvl3vspKjXox6RIG2VtaRe4JFvxG4rqp2Zuw=="
-        }
       }
     },
     "@ethersproject/keccak256": {
@@ -9453,14 +9466,6 @@
         "@ethersproject/web": "^5.7.0",
         "bech32": "1.1.4",
         "ws": "7.4.6"
-      },
-      "dependencies": {
-        "ws": {
-          "version": "7.4.6",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
-          "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
-          "requires": {}
-        }
       }
     },
     "@ethersproject/random": {
@@ -10290,37 +10295,37 @@
       }
     },
     "@typescript-eslint/parser": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.50.0.tgz",
-      "integrity": "sha512-KCcSyNaogUDftK2G9RXfQyOCt51uB5yqC6pkUYqhYh8Kgt+DwR5M0EwEAxGPy/+DH6hnmKeGsNhiZRQxjH71uQ==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.54.0.tgz",
+      "integrity": "sha512-aAVL3Mu2qTi+h/r04WI/5PfNWvO6pdhpeMRWk9R7rEV4mwJNzoWf5CCU5vDKBsPIFQFjEq1xg7XBI2rjiMXQbQ==",
       "requires": {
-        "@typescript-eslint/scope-manager": "5.50.0",
-        "@typescript-eslint/types": "5.50.0",
-        "@typescript-eslint/typescript-estree": "5.50.0",
+        "@typescript-eslint/scope-manager": "5.54.0",
+        "@typescript-eslint/types": "5.54.0",
+        "@typescript-eslint/typescript-estree": "5.54.0",
         "debug": "^4.3.4"
       }
     },
     "@typescript-eslint/scope-manager": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.50.0.tgz",
-      "integrity": "sha512-rt03kaX+iZrhssaT974BCmoUikYtZI24Vp/kwTSy841XhiYShlqoshRFDvN1FKKvU2S3gK+kcBW1EA7kNUrogg==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.54.0.tgz",
+      "integrity": "sha512-VTPYNZ7vaWtYna9M4oD42zENOBrb+ZYyCNdFs949GcN8Miwn37b8b7eMj+EZaq7VK9fx0Jd+JhmkhjFhvnovhg==",
       "requires": {
-        "@typescript-eslint/types": "5.50.0",
-        "@typescript-eslint/visitor-keys": "5.50.0"
+        "@typescript-eslint/types": "5.54.0",
+        "@typescript-eslint/visitor-keys": "5.54.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.50.0.tgz",
-      "integrity": "sha512-atruOuJpir4OtyNdKahiHZobPKFvZnBnfDiyEaBf6d9vy9visE7gDjlmhl+y29uxZ2ZDgvXijcungGFjGGex7w=="
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.54.0.tgz",
+      "integrity": "sha512-nExy+fDCBEgqblasfeE3aQ3NuafBUxZxgxXcYfzYRZFHdVvk5q60KhCSkG0noHgHRo/xQ/BOzURLZAafFpTkmQ=="
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.50.0.tgz",
-      "integrity": "sha512-Gq4zapso+OtIZlv8YNAStFtT6d05zyVCK7Fx3h5inlLBx2hWuc/0465C2mg/EQDDU2LKe52+/jN4f0g9bd+kow==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.54.0.tgz",
+      "integrity": "sha512-X2rJG97Wj/VRo5YxJ8Qx26Zqf0RRKsVHd4sav8NElhbZzhpBI8jU54i6hfo9eheumj4oO4dcRN1B/zIVEqR/MQ==",
       "requires": {
-        "@typescript-eslint/types": "5.50.0",
-        "@typescript-eslint/visitor-keys": "5.50.0",
+        "@typescript-eslint/types": "5.54.0",
+        "@typescript-eslint/visitor-keys": "5.54.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -10329,11 +10334,11 @@
       }
     },
     "@typescript-eslint/visitor-keys": {
-      "version": "5.50.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.50.0.tgz",
-      "integrity": "sha512-cdMeD9HGu6EXIeGOh2yVW6oGf9wq8asBgZx7nsR/D36gTfQ0odE5kcRYe5M81vjEFAcPeugXrHg78Imu55F6gg==",
+      "version": "5.54.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.54.0.tgz",
+      "integrity": "sha512-xu4wT7aRCakGINTLGeyGqDn+78BwFlggwBjnHa1ar/KaGagnmwLYmlrXIrgAaQ3AE1Vd6nLfKASm7LrFHNbKGA==",
       "requires": {
-        "@typescript-eslint/types": "5.50.0",
+        "@typescript-eslint/types": "5.54.0",
         "eslint-visitor-keys": "^3.3.0"
       }
     },
@@ -10424,6 +10429,11 @@
         "tslib": "1.14.1"
       },
       "dependencies": {
+        "aes-js": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.1.2.tgz",
+          "integrity": "sha512-e5pEa2kBnBOgR4Y/p20pskXI74UEz7de8ZGVo58asOtvSVG5YAbJeELPZxOmt+Bnz3rX753YKhfIn4X4l1PPRQ=="
+        },
         "tslib": {
           "version": "1.14.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
@@ -10608,6 +10618,12 @@
           "version": "1.14.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
           "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        },
+        "ws": {
+          "version": "7.5.9",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
+          "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+          "requires": {}
         }
       }
     },
@@ -10874,6 +10890,14 @@
         "@walletconnect/types": "^1.8.0",
         "@walletconnect/utils": "^1.8.0",
         "ws": "7.5.3"
+      },
+      "dependencies": {
+        "ws": {
+          "version": "7.5.3",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
+          "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
+          "requires": {}
+        }
       }
     },
     "@walletconnect/time": {
@@ -11208,9 +11232,9 @@
       "dev": true
     },
     "aes-js": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.1.2.tgz",
-      "integrity": "sha512-e5pEa2kBnBOgR4Y/p20pskXI74UEz7de8ZGVo58asOtvSVG5YAbJeELPZxOmt+Bnz3rX753YKhfIn4X4l1PPRQ=="
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/aes-js/-/aes-js-3.0.0.tgz",
+      "integrity": "sha512-H7wUZRn8WpTq9jocdxQ2c8x2sKo9ZVmzfRE13GiNJXfp7NcKYEdvl3vspKjXox6RIG2VtaRe4JFvxG4rqp2Zuw=="
     },
     "agentkeepalive": {
       "version": "4.2.1",
@@ -11605,9 +11629,9 @@
       "dev": true
     },
     "caniuse-lite": {
-      "version": "1.0.30001450",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001450.tgz",
-      "integrity": "sha512-qMBmvmQmFXaSxexkjjfMvD5rnDL0+m+dUMZKoDYsGG8iZN29RuYh9eRoMvKsT6uMAWlyUUGDEQGJJYjzCIO9ew=="
+      "version": "1.0.30001458",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001458.tgz",
+      "integrity": "sha512-lQ1VlUUq5q9ro9X+5gOEyH7i3vm+AYVT1WDCVB69XOZ17KZRhnZ9J0Sqz7wTHQaLBJccNCHq8/Ww5LlOIZbB0w=="
     },
     "chai": {
       "version": "4.3.7",
@@ -11837,9 +11861,9 @@
       "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og=="
     },
     "define-properties": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
-      "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+      "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
       "requires": {
         "has-property-descriptors": "^1.0.0",
         "object-keys": "^1.1.1"
@@ -11935,9 +11959,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.4.284",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
-      "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA=="
+      "version": "1.4.313",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.313.tgz",
+      "integrity": "sha512-QckB9OVqr2oybjIrbMI99uF+b9+iTja5weFe0ePbqLb5BHqXOJUO1SG6kDj/1WtWPRIBr51N153AEq8m7HuIaA=="
     },
     "elliptic": {
       "version": "6.5.4",
@@ -12395,9 +12419,9 @@
       }
     },
     "esquery": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
-      "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.2.tgz",
+      "integrity": "sha512-JVSoLdTlTDkmjFmab7H/9SL9qGSyjElT3myyKp7krqjVFQCDLmj1QFaCLRFBszBKI0XVZaiiXvuPIX3ZwHe1Ng==",
       "requires": {
         "estraverse": "^5.1.0"
       }
@@ -12729,9 +12753,9 @@
       }
     },
     "get-tsconfig": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.3.0.tgz",
-      "integrity": "sha512-YCcF28IqSay3fqpIu5y3Krg/utCBHBeoflkZyHj/QcqI2nrLPC3ZegS9CmIo+hJb8K7aiGsuUl7PwWVjNG2HQQ=="
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.4.0.tgz",
+      "integrity": "sha512-0Gdjo/9+FzsYhXCEFueo2aY1z1tpXrxWZzP7k8ul9qt1U5o8rYJwTJYmaeHdrVosYIVYkOy2iwCJ9FdpocJhPQ=="
     },
     "glob": {
       "version": "7.1.7",
@@ -12931,11 +12955,11 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "internal-slot": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz",
-      "integrity": "sha512-tA8URYccNzMo94s5MQZgH8NB/XTa6HsOo0MLfXTKKEnHVVdegzaQoFZ7Jp44bdvLvY2waT5dc+j5ICEswhi7UQ==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
       "requires": {
-        "get-intrinsic": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
         "has": "^1.0.3",
         "side-channel": "^1.0.4"
       }
@@ -13460,9 +13484,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
-      "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g=="
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
     },
     "mocha": {
       "version": "10.2.0",
@@ -13642,9 +13666,9 @@
       "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ=="
     },
     "node-releases": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.9.tgz",
-      "integrity": "sha512-2xfmOrRkGogbTK9R6Leda0DGiXeY3p2NJpy4+gNCffdUvV6mdEJnaDEic1i3Ec2djAo8jWYoJMR5PB0MSMpxUA=="
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
+      "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w=="
     },
     "normalize-path": {
       "version": "3.0.0",
@@ -13751,9 +13775,9 @@
       }
     },
     "open": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.0.tgz",
-      "integrity": "sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==",
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
       "requires": {
         "define-lazy-prop": "^2.0.0",
         "is-docker": "^2.1.1",
@@ -13908,9 +13932,9 @@
       }
     },
     "postcss-js": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
-      "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
       "dev": true,
       "requires": {
         "camelcase-css": "^2.0.1"
@@ -14758,12 +14782,12 @@
       }
     },
     "tsconfig-paths": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
-      "integrity": "sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==",
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
+      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
       "requires": {
         "@types/json5": "^0.0.29",
-        "json5": "^1.0.1",
+        "json5": "^1.0.2",
         "minimist": "^1.2.6",
         "strip-bom": "^3.0.0"
       }
@@ -15018,9 +15042,9 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "ws": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
-      "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
+      "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==",
       "requires": {}
     },
     "xtend": {

From 40994cc6457a27ebb8511fb77d078fcd170629a5 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Tue, 28 Feb 2023 14:35:27 +0800
Subject: [PATCH 07/12] refactor: fix hydration error (#24)

---
 src/hooks/useIsMounted.tsx   | 14 ++++++
 src/pages/daos/[address].tsx | 92 ++++++++++++++++++------------------
 2 files changed, 59 insertions(+), 47 deletions(-)
 create mode 100644 src/hooks/useIsMounted.tsx

diff --git a/src/hooks/useIsMounted.tsx b/src/hooks/useIsMounted.tsx
new file mode 100644
index 0000000..079557d
--- /dev/null
+++ b/src/hooks/useIsMounted.tsx
@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react"
+
+export function useIsMounted() {
+  console.log('useIsMounted')
+
+  const [isMounted, setMounted] = useState(false)
+  
+  useEffect(() => {
+    console.log('useEffect')
+    setMounted(true)
+  }, [])
+
+  return isMounted
+}
diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index 79680ba..89632bc 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -10,6 +10,8 @@ import Sector3DAO from '../../../abis/Sector3DAO.json'
 import Sector3DAOPriority from '../../../abis/Sector3DAOPriority.json'
 import { ethers } from 'ethers'
 import Link from 'next/link'
+import { useRouter } from 'next/router'
+import { useIsMounted } from '@/hooks/useIsMounted'
 
 const font = PT_Mono({ subsets: ['latin'], weight: '400' })
 
@@ -23,9 +25,11 @@ const client = createClient({
   provider
 })
 
-export default function Page({ address }: any) {
+export default function Page() {
   console.log('Page')
 
+  const router = useRouter()
+  const address = router.query.address
   console.log('address:', address)
 
   return (
@@ -102,6 +106,12 @@ function DAO({ address }: any) {
     purpose: purpose
   }
 
+  const isMounted = useIsMounted()
+  console.log('isMounted:', isMounted)
+  if (!isMounted) {
+    return null
+  }
+
   if (!dao.name) {
     return (
       <div className="flex items-center justify-center text-gray-400 pb-6 md:pb-0">
@@ -138,6 +148,12 @@ function EthereumAccount() {
   })
   const { disconnect } = useDisconnect()
 
+  const isMounted = useIsMounted()
+  console.log('isMounted:', isMounted)
+  if (!isMounted) {
+    return null
+  }
+
   if (!isConnected) {
     return (
       <button onClick={() => connect()} className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
@@ -170,6 +186,12 @@ function Priorities({ address }: any) {
   let priorityAddresses: any[] = ['0x90568B9Ba334b992707E0580505260BFdA4F8C67', '0xd7aC7a02F171DDA4435Df9d4556AC92F388130Cb', '0xE52Ce0Ac083627c4232763148245b22d63227A2b']
   console.log('priorityAddresses:', priorityAddresses)
 
+  const isMounted = useIsMounted()
+  console.log('isMounted:', isMounted)
+  if (!isMounted) {
+    return null
+  }
+
   if (priorityAddresses.length == 0) {
     return (
       <div className="flex items-center text-gray-400">
@@ -240,57 +262,33 @@ function Priority({ priorityAddress }: any ) {
   console.log('isError:', isError)
   console.log('isLoading:', isLoading)
 
-  if (priorityData != undefined) {
-    const priority: any = {
-      address: priorityAddress,
-      title: priorityData[0],
-      rewardToken: priorityData[1],
-      startDate: new Date(Number(priorityData[2]) * 1_000).toISOString().substring(0, 10),
-      epochDuration: priorityData[3],
-      epochBudget: ethers.utils.formatUnits(String(priorityData[4]))
-    }
+  if (priorityData == undefined) {
     return (
-      <div className='mt-4 p-6 bg-gray-800 rounded-xl'>
-        Title: <b>{priority.title}</b><br />
-        Reward token: <code>{priority.rewardToken}</code><br />
-        Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
-        Start date: {priority.startDate}<br />
-  
-        <Link href={`/priorities/${priority.address}`}>
-          <button className='mt-4 px-4 py-2 text-gray-200 font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>⏱️ View Epochs</button>
-        </Link>
+      <div className="mt-4 p-6 bg-gray-800 flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
       </div>
     )
   }
+  
+  const priority: any = {
+    address: priorityAddress,
+    title: priorityData[0],
+    rewardToken: priorityData[1],
+    startDate: new Date(Number(priorityData[2]) * 1_000).toISOString().substring(0, 10),
+    epochDuration: priorityData[3],
+    epochBudget: ethers.utils.formatUnits(String(priorityData[4]))
+  }
   return (
-    <div className="mt-4 p-6 bg-gray-800 flex items-center text-gray-400">
-      <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
-      &nbsp;Loading...
+    <div className='mt-4 p-6 bg-gray-800 rounded-xl'>
+      Title: <b>{priority.title}</b><br />
+      Reward token: <code>{priority.rewardToken}</code><br />
+      Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
+      Start date: {priority.startDate}<br />
+
+      <Link href={`/priorities/${priority.address}`}>
+        <button className='mt-4 px-4 py-2 text-gray-200 font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>⏱️ View Epochs</button>
+      </Link>
     </div>
   )
 }
-
-export async function getStaticPaths() {
-  console.log('getStaticPaths')
-
-  return {
-    paths: [
-      // { params: { address: '0x66E6Aed398d2BD699214c4580EC6A5D65C223176' } }
-    ],
-    fallback: 'blocking'
-  }
-}
-
-export async function getStaticProps(context: any) {
-  console.log('getStaticProps')
-
-  const address = context.params.address
-  console.log('address:', address)
-
-  return {
-    props: {
-      address: address
-    },
-    revalidate: 60
-  }
-}

From 46b56abd30eeec1f059619465d470c0ae99e1d04 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Tue, 28 Feb 2023 14:44:17 +0800
Subject: [PATCH 08/12] refactor (#24)

---
 src/pages/daos/[address].tsx | 24 +++---------------------
 1 file changed, 3 insertions(+), 21 deletions(-)

diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index 89632bc..f5e0293 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -106,13 +106,7 @@ function DAO({ address }: any) {
     purpose: purpose
   }
 
-  const isMounted = useIsMounted()
-  console.log('isMounted:', isMounted)
-  if (!isMounted) {
-    return null
-  }
-
-  if (!dao.name) {
+  if (!useIsMounted() || !dao.name) {
     return (
       <div className="flex items-center justify-center text-gray-400 pb-6 md:pb-0">
         <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
@@ -148,13 +142,7 @@ function EthereumAccount() {
   })
   const { disconnect } = useDisconnect()
 
-  const isMounted = useIsMounted()
-  console.log('isMounted:', isMounted)
-  if (!isMounted) {
-    return null
-  }
-
-  if (!isConnected) {
+  if (!useIsMounted() || !isConnected) {
     return (
       <button onClick={() => connect()} className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
         <div className='flex'>
@@ -186,13 +174,7 @@ function Priorities({ address }: any) {
   let priorityAddresses: any[] = ['0x90568B9Ba334b992707E0580505260BFdA4F8C67', '0xd7aC7a02F171DDA4435Df9d4556AC92F388130Cb', '0xE52Ce0Ac083627c4232763148245b22d63227A2b']
   console.log('priorityAddresses:', priorityAddresses)
 
-  const isMounted = useIsMounted()
-  console.log('isMounted:', isMounted)
-  if (!isMounted) {
-    return null
-  }
-
-  if (priorityAddresses.length == 0) {
+  if (!useIsMounted() || (priorityAddresses.length == 0)) {
     return (
       <div className="flex items-center text-gray-400">
         <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>

From eaf332048b327170aa2650b0710f83664a7efbcc Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Tue, 28 Feb 2023 18:36:36 +0800
Subject: [PATCH 09/12] chore: add eslint plugin (#24)

---
 .eslintrc.json               |  9 +++-
 package-lock.json            |  1 +
 package.json                 |  1 +
 src/pages/daos/[address].tsx | 85 ++++++++++++++++++++++++++++--------
 4 files changed, 77 insertions(+), 19 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index bffb357..92e1ea8 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,3 +1,10 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "plugins": [
+    "react-hooks"
+  ],
+  "rules": {
+    "react-hooks/rules-of-hooks": "error", // Checks rules of Hooks
+    "react-hooks/exhaustive-deps": "warn" // Checks effect dependencies
+  }
 }
diff --git a/package-lock.json b/package-lock.json
index 9166322..08554f0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
       },
       "devDependencies": {
         "autoprefixer": "^10.4.13",
+        "eslint-plugin-react-hooks": "^4.6.0",
         "postcss": "^8.4.21",
         "tailwindcss": "^3.2.7"
       }
diff --git a/package.json b/package.json
index acacce2..b3b2243 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
   },
   "devDependencies": {
     "autoprefixer": "^10.4.13",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "postcss": "^8.4.21",
     "tailwindcss": "^3.2.7"
   }
diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index f5e0293..fb56350 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -56,7 +56,7 @@ export default function Page() {
         </div>
 
         <div id='content' className='mt-4'>
-          <Priorities address={address} />
+          <PriorityCount daoAddress={address} />
         </div>
       </main>
     </WagmiConfig>
@@ -93,20 +93,18 @@ function DAO({ address }: any) {
   console.log('isError:', isError)
   console.log('isLoading:', isLoading)
 
-  let name = null
-  let purpose = null
+  let dao = null
   if (daoData != undefined) {
-    name = daoData[0]
-    purpose = daoData[1]
-  }
-  
-  const dao = {
-    address: address,
-    name: name,
-    purpose: purpose
+    const name = daoData[0]
+    const purpose = daoData[1]
+    dao = {
+      address: address,
+      name: name,
+      purpose: purpose
+    }
   }
 
-  if (!useIsMounted() || !dao.name) {
+  if (!useIsMounted() || !dao) {
     return (
       <div className="flex items-center justify-center text-gray-400 pb-6 md:pb-0">
         <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
@@ -163,18 +161,69 @@ function EthereumAccount() {
   )
 }
 
-function Priorities({ address }: any) {
+function PriorityCount({ daoAddress }: any) {
+  console.log('PriorityCount')
+
+  const { data, isError, isLoading } = useContractRead({
+    address: daoAddress,
+    abi: Sector3DAO.abi,
+    functionName: 'getPriorityCount'
+  })
+  console.log('data:', data)
+
+  let priorityCount = null
+  if (data) {
+    priorityCount = data
+  }
+
+  if (!useIsMounted() || !priorityCount) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
+  }
+  return <Priorities daoAddress={daoAddress} priorityCount={priorityCount} />
+}
+
+function Priorities({ daoAddress, priorityCount }: any) {
   console.log('Priorities')
 
-  console.log('address:', address)
+  console.log('daoAddress:', daoAddress)
+  console.log('priorityCount:', priorityCount)
 
   const { isConnected } = useAccount();
   console.log('isConnected:', isConnected)
 
-  let priorityAddresses: any[] = ['0x90568B9Ba334b992707E0580505260BFdA4F8C67', '0xd7aC7a02F171DDA4435Df9d4556AC92F388130Cb', '0xE52Ce0Ac083627c4232763148245b22d63227A2b']
+  let contracts: any = [priorityCount]
+  let i = 0
+  for (i = 0; i < Number(priorityCount); i++) {
+    console.log('i:', i)
+    const daoContract = {
+      address: daoAddress,
+      abi: Sector3DAO.abi
+    }
+    contracts[i] = {
+      ...daoContract,
+      functionName: 'priorities',
+      args: [i]
+    }
+  }
+  console.log('contracts:', contracts)
+
+  const { data, isError, isLoading } = useContractReads({
+    contracts: contracts
+  })
+  console.log('data:', data)
+
+  let priorityAddresses: any = null
+  if (data != undefined) {
+    priorityAddresses = data
+  }
   console.log('priorityAddresses:', priorityAddresses)
 
-  if (!useIsMounted() || (priorityAddresses.length == 0)) {
+  if (!useIsMounted() || !priorityAddresses) {
     return (
       <div className="flex items-center text-gray-400">
         <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
@@ -186,7 +235,7 @@ function Priorities({ address }: any) {
   return (
     <div>
       <div className='container'>
-        <Link href={`${config.etherscanDomain}/address/${address}#writeContract#F1`} target='_blank'>
+        <Link href={`${config.etherscanDomain}/address/${daoAddress}#writeContract#F1`} target='_blank'>
           <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled={!isConnected}>+ Add Priority</button>
         </Link>
 
@@ -244,7 +293,7 @@ function Priority({ priorityAddress }: any ) {
   console.log('isError:', isError)
   console.log('isLoading:', isLoading)
 
-  if (priorityData == undefined) {
+  if (!useIsMounted() || (priorityData == undefined)) {
     return (
       <div className="mt-4 p-6 bg-gray-800 flex items-center text-gray-400">
         <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>

From f9fdcf3702a91e7fff1730525d777b604e1572b4 Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Fri, 3 Mar 2023 10:26:10 +0800
Subject: [PATCH 10/12] style: ui updates (#24)

---
 src/pages/daos/[address].tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index fb56350..34a2d4f 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -46,7 +46,7 @@ export default function Page() {
       </video>
 
       <main className='p-2 sm:p-4 md:p-8 lg:p-16 xl:p-32 2xl:p-64'>
-        <div id='header' className='md:flex p-6 bg-black rounded-xl'>
+        <div id='header' className='md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
           <div className='md:w-2/3 flex'>
             <DAO address={address} />
           </div>
@@ -239,7 +239,7 @@ function Priorities({ daoAddress, priorityCount }: any) {
           <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled={!isConnected}>+ Add Priority</button>
         </Link>
 
-        <h2 className="text-2xl text-gray-400">🎯 Priorities:</h2>
+        <h2 className="text-2xl text-gray-400">Priorities</h2>
       </div>
 
       <div className='container'>
@@ -312,7 +312,7 @@ function Priority({ priorityAddress }: any ) {
   }
   return (
     <div className='mt-4 p-6 bg-gray-800 rounded-xl'>
-      Title: <b>{priority.title}</b><br />
+      <h3 className='text-xl font-bold mb-2'>{priority.title}</h3>
       Reward token: <code>{priority.rewardToken}</code><br />
       Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
       Start date: {priority.startDate}<br />

From 9bc8a78131cb8a5e0dfed1ef2654858df325a77b Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Fri, 3 Mar 2023 12:38:59 +0800
Subject: [PATCH 11/12] feat: add connect button to /priorities (#24)

---
 src/pages/daos/[address].tsx       |   8 +-
 src/pages/priorities/[address].tsx | 459 ++++++++++++++++++++---------
 2 files changed, 329 insertions(+), 138 deletions(-)

diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index 34a2d4f..57b42b7 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -25,8 +25,8 @@ const client = createClient({
   provider
 })
 
-export default function Page() {
-  console.log('Page')
+export default function DaoPage() {
+  console.log('DaoPage')
 
   const router = useRouter()
   const address = router.query.address
@@ -117,7 +117,7 @@ function DAO({ address }: any) {
     <div className='flex'>
       <div className='w-1/6'>
         <Image
-          alt="DAO token"
+          alt="DAO token logo"
           width={100}
           height={100}
           src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0x2d94AA3e47d9D5024503Ca8491fcE9A2fB4DA198/logo.png"
@@ -314,7 +314,7 @@ function Priority({ priorityAddress }: any ) {
     <div className='mt-4 p-6 bg-gray-800 rounded-xl'>
       <h3 className='text-xl font-bold mb-2'>{priority.title}</h3>
       Reward token: <code>{priority.rewardToken}</code><br />
-      Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
+      Epoch budget: {priority.epochBudget} <code>$TOKEN_NAME</code> per {priority.epochDuration} days<br />
       Start date: {priority.startDate}<br />
 
       <Link href={`/priorities/${priority.address}`}>
diff --git a/src/pages/priorities/[address].tsx b/src/pages/priorities/[address].tsx
index 926c0bf..fd95d73 100644
--- a/src/pages/priorities/[address].tsx
+++ b/src/pages/priorities/[address].tsx
@@ -2,13 +2,17 @@ import Head from 'next/head'
 import Image from 'next/image'
 import { PT_Mono } from '@next/font/google'
 import styles from '@/styles/Home.module.css'
+import { config } from '@/utils/Config'
 import { chainUtils } from '@/utils/ChainUtils'
-import { configureChains, createClient, readContracts } from '@wagmi/core'
+import { configureChains, createClient, useAccount, useConnect, useContractRead, useContractReads, useDisconnect, WagmiConfig } from 'wagmi'
+import { InjectedConnector } from 'wagmi/connectors/injected'
 import { publicProvider } from '@wagmi/core/providers/public'
 import Sector3DAO from '../../../abis/Sector3DAO.json'
 import Sector3DAOPriority from '../../../abis/Sector3DAOPriority.json'
 import { ethers } from 'ethers'
 import Link from 'next/link'
+import { useRouter } from 'next/router'
+import { useIsMounted } from '@/hooks/useIsMounted'
 
 const font = PT_Mono({ subsets: ['latin'], weight: '400' })
 
@@ -22,121 +26,184 @@ const client = createClient({
   provider
 })
 
-export default function Priority({ dao, priority, epochs }: any) {
-  console.log('Priority')
-
-  console.log('dao:', dao)
-  console.log('priority:', priority)
-  console.log('epochs:', epochs)
+export default function PriorityPage() {
+  console.log('PriorityPage')
 
-  const headTitle = 'Sector#3 / ' + dao.name + ' / ' + priority.title
-  const headDescription = priority.title
+  const router = useRouter()
+  const address = router.query.address
+  console.log('address:', address)
 
   return (
-    <>
+    <WagmiConfig client={client}>
       <Head>
-        <title>{headTitle}</title>
-        <meta name="description" content={headDescription} />
+        <title>Sector#3</title>
+        <meta name="description" content="Do DAOs Dream of Electric Sheep? ⚡️🐑" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      
+
       <video id="background-video" autoPlay loop muted poster="https://pbs.twimg.com/tweet_video_thumb/FpM9CcwagAIiRD7.jpg">
         {/* <source src="https://video.twimg.com/tweet_video/FpM9CcwagAIiRD7.mp4" type="video/mp4" /> */}
       </video>
 
-      <main className={styles.main}>
-        <div className={styles.description}>
-          <p>
-            <Image
-              alt="Logo"
-              width={64}
-              height={64}
-              src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2/logo.png"
-            /> <b>{dao.name}</b> {dao.purpose}
-          </p>
-          <p>
-            Priority: <b>{priority.title}</b><br />
-            Reward token: <code>{priority.rewardToken}</code><br />
-            Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
-            Start date: {priority.startDate}
-          </p>
-        </div>
-
-        <div className='container mt-4'>
-          <h2 className="text-2xl text-gray-400">⏳ Current Epoch:</h2>
-        </div>
-
-        <div className='container'>
-          <div className='mt-4 p-6 bg-gray-800 rounded-xl'>
-            From <b>{epochs[0].startDate}</b> to <b>{epochs[0].endDate}</b><br />
-
-            <Link href={`/priorities/${priority.address}/epochs/${priority.epochIndex}`}>
-              <button className='mt-4 px-4 py-2 text-white font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>View Current Contributions 😅</button>
-            </Link>
+      <main className='p-2 sm:p-4 md:p-8 lg:p-16 xl:p-32 2xl:p-64'>
+        <div id='header' className='md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
+          <div className='md:w-2/3 flex'>
+            <DAOAddress priorityAddress={address} />
+          </div>
+          <div className='text-center md:text-right md:w-1/3'>
+            <EthereumAccount />
           </div>
         </div>
 
-        <div className='container mt-8'>
-          <h2 className="text-2xl text-gray-400">⌛️ Past Epochs:</h2>
+        <div id='priority' className='sticky top-0 md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
+          <Priority address={address} />
         </div>
 
-        <div className='container'>
-          {(epochs.length < 2) ? (
-            <div className='text-gray-400'>
-              No data
-            </div>
-          ) : (
-            epochs.map((epoch: any, index: number) => (
-              (index == 0) ? (
-                // Skip current epoch
-                null
-              ) : (
-                <div key={index} className='mt-4 p-6 bg-gray-800 rounded-xl'>
-                  From <b>{epoch.startDate}</b> to <b>{epoch.endDate}</b><br />
-
-                  <Link href={`/priorities/${priority.address}/epochs/${priority.epochIndex - index}`}>
-                    <button className='mt-4 px-4 py-2 text-white font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>View Past Contributions 😴</button>
-                  </Link>
-                </div>
-              )
-            ))
-          )}
+        <div id='content' className='mt-4'>
+          <EpochIndex priorityAddress={address} />
         </div>
       </main>
-    </>
+    </WagmiConfig>
   )
 }
 
-export async function getStaticPaths() {
-  console.log('getStaticPaths')
+function DAOAddress({ priorityAddress }: any) {
+  console.log('DAO')
+
+  console.log('DAOAddress:', DAOAddress)
+
+  const { data, isError, isLoading } = useContractRead({
+    address: priorityAddress,
+    abi: Sector3DAOPriority.abi,
+    functionName: 'dao'
+  })
+  console.log('data:', data)
+
+  let daoAddress = null
+  if (data) {
+    daoAddress = data
+  }
 
-  return {
-    paths: [
-      // { params: { address: '0x90568B9Ba334b992707E0580505260BFdA4F8C67' } },
-      // { params: { address: '0xd7aC7a02F171DDA4435Df9d4556AC92F388130Cb' } }
-    ],
-    fallback: 'blocking'
+  if (!useIsMounted() || !daoAddress) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
   }
+  return <DAO address={daoAddress} />
 }
 
-export async function getStaticProps(context: any) {
-  console.log('getStaticProps')
+function DAO({ address }: any) {
+  console.log('DAO')
 
-  const address = context.params.address
   console.log('address:', address)
 
-  const priorityContract = {
+  const daoContract = {
     address: address,
-    abi: Sector3DAOPriority.abi
+    abi: Sector3DAO.abi
   }
 
-  const priorityData = await readContracts({
+  const { data: daoData, isError, isLoading } = useContractReads({
     contracts: [
       {
-        ...priorityContract,
-        functionName: 'dao'
+        ...daoContract,
+        functionName: 'name'
       },
+      {
+        ...daoContract,
+        functionName: 'purpose'
+      },
+      {
+        ...daoContract,
+        functionName: 'getPriorityCount'
+      }
+    ]
+  })
+  console.log('daoData:', daoData)
+  console.log('isError:', isError)
+  console.log('isLoading:', isLoading)
+
+  let dao = null
+  if (daoData != undefined) {
+    const name = daoData[0]
+    const purpose = daoData[1]
+    dao = {
+      address: address,
+      name: name,
+      purpose: purpose
+    }
+  }
+
+  if (!useIsMounted() || !dao) {
+    return (
+      <div className="flex items-center justify-center text-gray-400 pb-6 md:pb-0">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
+  }
+
+  return (
+    <div className='flex'>
+      <div className='w-1/6'>
+        <Image
+          alt="DAO token logo"
+          width={100}
+          height={100}
+          src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0x2d94AA3e47d9D5024503Ca8491fcE9A2fB4DA198/logo.png"
+        />
+      </div>
+      <div className='w-5/6 pl-6'>
+        <h2 className='text-xl font-bold'><>{dao.name}</></h2>
+        <p className='text-gray-400 pb-6 md:pb-0'><>Purpose: {dao.purpose}</></p>
+      </div>
+    </div>
+  )
+}
+
+function EthereumAccount() {
+  console.log('EthereumAccount')
+
+  const { address, isConnected } = useAccount();
+  const { connect } = useConnect({
+    connector: new InjectedConnector()
+  })
+  const { disconnect } = useDisconnect()
+
+  if (!useIsMounted() || !isConnected) {
+    return (
+      <button onClick={() => connect()} className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
+        <div className='flex'>
+          <Image alt='Ethereum' src='/ethereum.svg' width={24} height={24} />
+          &nbsp;Connect
+        </div>
+      </button>
+    )
+  }
+
+  return (
+    <button onClick={() => disconnect()} className='rounded-xl text-xl font-bold bg-gray-800 hover:bg-gray-700 px-4 py-2'>
+      <div className='flex'>
+        <img src={`https://cdn.stamp.fyi/avatar/eth:${address}?s=128`} className="h-7 w-7 bg-gray-700 rounded-full" />
+        &nbsp;<code>{address?.substring(0, 6)}...{address?.slice(-4)}</code>
+      </div>
+    </button>
+  )
+}
+
+function Priority({ address }: any) {
+  console.log('Priority')
+
+  const priorityContract = {
+    address: address,
+    abi: Sector3DAOPriority.abi
+  }
+
+  const { data, isError, isLoading } = useContractReads({
+    contracts: [
       {
         ...priorityContract,
         functionName: 'title'
@@ -156,81 +223,205 @@ export async function getStaticProps(context: any) {
       {
         ...priorityContract,
         functionName: 'epochBudget'
-      },
-      {
-        ...priorityContract,
-        functionName: 'getEpochIndex'
       }
     ]
   })
-  console.log('priorityData:', priorityData)
+  console.log('data:', data)
 
-  const priority: any = {
-    address: address,
-    dao: priorityData[0],
-    title: priorityData[1],
-    rewardToken: priorityData[2],
-    startTime: Number(priorityData[3]),
-    startDate: new Date(Number(priorityData[3]) * 1_000).toISOString().substring(0, 10),
-    epochDuration: priorityData[4],
-    epochBudget: ethers.utils.formatUnits(String(priorityData[5])),
-    epochIndex: priorityData[6]
+  let priority = null
+  if (data) {
+    priority = {
+      title: data[0],
+      rewardToken: data[1],
+      startDate: new Date(Number(data[2]) * 1_000).toISOString().substring(0, 10),
+      epochDuration: data[3],
+      epochBudget: ethers.utils.formatUnits(String(data[4]))
+    }
   }
+  console.log('priority:', priority)
 
-  const daoContract = {
-    address: priority.dao,
-    abi: Sector3DAO.abi
+  if (!useIsMounted() || !priority) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
+  }
+  return (
+    <>
+      <div className='md:w-1/3'>
+        <label className='text-gray-400'>Priority</label><br />
+        <>{priority.title}</>
+      </div>
+      <div className='md:w-1/3 pt-4 md:pt-0 md:px-4'>
+        <label className='text-gray-400'>Start date</label><br />
+        {priority.startDate}
+      </div>
+      <div className='md:w-1/3 pt-4 md:pt-0'>
+        <label className='text-gray-400'>Budget</label><br />
+        <>{priority.epochBudget} <code>$TOKEN_NAME</code> per {priority.epochDuration} days</>
+      </div>
+    </>
+  )
+}
+
+function EpochIndex({ priorityAddress }: any) {
+  console.log('EpochIndex')
+
+  const { data, isError, isLoading } = useContractRead({
+    address: priorityAddress,
+    abi: Sector3DAOPriority.abi,
+    functionName: 'getEpochIndex'
+  })
+  console.log('data:', data)
+
+  let epochIndex = null
+  if (data) {
+    epochIndex = data
   }
 
-  const daoData = await readContracts({
+  if (!useIsMounted() || !epochIndex) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
+  }
+  return <Epochs priorityAddress={priorityAddress} epochIndex={epochIndex} />
+}
+
+function Epochs({ priorityAddress, epochIndex }: any) {
+  console.log('Epochs')
+
+  console.log('priorityAddress:', priorityAddress)
+  console.log('epochIndex:', epochIndex)
+
+  const priorityContract = {
+    address: priorityAddress,
+    abi: Sector3DAOPriority.abi
+  }
+
+  const { data, isError, isLoading } = useContractReads({
     contracts: [
       {
-        ...daoContract,
-        functionName: 'name'
+        ...priorityContract,
+        functionName: 'title'
       },
       {
-        ...daoContract,
-        functionName: 'purpose'
+        ...priorityContract,
+        functionName: 'rewardToken'
       },
       {
-        ...daoContract,
-        functionName: 'getPriorityCount'
+        ...priorityContract,
+        functionName: 'startTime'
+      },
+      {
+        ...priorityContract,
+        functionName: 'epochDuration'
+      },
+      {
+        ...priorityContract,
+        functionName: 'epochBudget'
+      },
+      {
+        ...priorityContract,
+        functionName: 'getEpochIndex'
       }
     ]
   })
-  console.log('daoData:', daoData)
+  console.log('data:', data)
 
-  const dao = {
-    name: daoData[0],
-    purpose: daoData[1],
-    address: address
+  let priority: any = null
+  if (data) {
+    priority = {
+      address: priorityAddress,
+      title: data[0],
+      rewardToken: data[1],
+      startTime: Number(data[2]),
+      startDate: new Date(Number(data[2]) * 1_000).toISOString().substring(0, 10),
+      epochDuration: Number(data[3]),
+      epochBudget: ethers.utils.formatUnits(String(data[4])),
+      epochIndex: data[5]
+    }
   }
+  console.log('priority:', priority)
 
   let epochs: any[] = []
-  const epochCount: Number = priority.epochIndex + 1
-  console.log('epochCount:', epochCount)
-  let epochIndex = priority.epochIndex;
-  while (epochIndex >= 0) {
-    console.log('epochIndex:', epochIndex)
-
-    const epoch = {
-      index: Number(epochIndex),
-      startTime: priority.startTime + (epochIndex * priority.epochDuration * 24*60*60),
-      startDate: new Date(Number(priority.startTime + (epochIndex * priority.epochDuration * 24*60*60)) * 1_000).toISOString().substring(0, 10),
-      endTime: priority.startTime + ((epochIndex + 1) * priority.epochDuration * 24*60*60),
-      endDate: new Date(Number(priority.startTime + ((epochIndex + 1) * priority.epochDuration * 24*60*60)) * 1_000).toISOString().substring(0, 10),
-    }
-    epochs[epochs.length] = epoch
+  if (priority) {
+    const epochCount: Number = epochIndex + 1
+    console.log('epochCount:', epochCount)
+    let index = epochIndex;
+    while (index >= 0) {
+      console.log('index:', index)
+
+      const epoch = {
+        index: Number(index),
+        startTime: priority.startTime + (index * priority.epochDuration * 24*60*60),
+        startDate: new Date(Number(priority.startTime + (index * priority.epochDuration * 24*60*60)) * 1_000).toISOString().substring(0, 10),
+        endTime: priority.startTime + ((index + 1) * priority.epochDuration * 24*60*60),
+        endDate: new Date(Number(priority.startTime + ((index + 1) * priority.epochDuration * 24*60*60)) * 1_000).toISOString().substring(0, 10),
+      }
+      epochs[epochs.length] = epoch
 
-    epochIndex--
+      index--
+    }
   }
 
-  return {
-    props: {
-      dao: dao,
-      priority: priority,
-      epochs: epochs
-    },
-    revalidate: 60
+  if (epochs.length == 0) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
   }
+
+  return (
+    <div>
+      <div className='container mt-8'>
+        <h2 className="text-2xl text-gray-400">Current Epoch</h2>
+      </div>
+
+      <div className='container'>
+        <div className='mt-4 p-6 bg-gray-800 rounded-xl'>
+        <h3 className='text-xl font-bold mb-2'>Epoch #{priority.epochIndex + 1}</h3>
+          From <b>{epochs[0].startDate}</b> to <b>{epochs[0].endDate}</b><br />
+
+          <Link href={`/priorities/${priority.address}/epochs/${priority.epochIndex}`}>
+            <button className='mt-4 px-4 py-2 text-white font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>⏳ View Contributions</button>
+          </Link>
+        </div>
+      </div>
+
+      <div className='container mt-8'>
+        <h2 className="text-2xl text-gray-400">Past Epochs</h2>
+      </div>
+
+      <div className='container'>
+        {(epochs.length < 2) ? (
+          <div className='text-gray-400'>
+            No data
+          </div>
+        ) : (
+          epochs.map((epoch: any, index: number) => (
+            (index == 0) ? (
+              // Skip current epoch
+              null
+            ) : (
+              <div key={index} className='mt-4 p-6 bg-gray-800 rounded-xl'>
+                <h3 className='text-xl font-bold mb-2'>Epoch #{priority.epochIndex + 1 - index}</h3>
+                From <b>{epoch.startDate}</b> to <b>{epoch.endDate}</b><br />
+
+                <Link href={`/priorities/${priority.address}/epochs/${priority.epochIndex - index}`}>
+                  <button className='mt-4 px-4 py-2 text-white font-semibold rounded-xl bg-gray-700 hover:bg-gray-600'>⌛️ View Contributions</button>
+                </Link>
+              </div>
+            )
+          ))
+        )}
+      </div>
+    </div>
+  )
 }

From a261b5435f60b4813b4b34cc510b6e127a85344e Mon Sep 17 00:00:00 2001
From: aahna-ashina <95955389+aahna-ashina@users.noreply.github.com>
Date: Fri, 3 Mar 2023 19:50:26 +0800
Subject: [PATCH 12/12] feat: add connect button to epoch (#24)

---
 src/pages/daos/[address].tsx                  |   5 +-
 src/pages/priorities/[address].tsx            |   4 +-
 .../[address]/epochs/[epochIndex].tsx         | 613 ++++++++++++------
 3 files changed, 407 insertions(+), 215 deletions(-)

diff --git a/src/pages/daos/[address].tsx b/src/pages/daos/[address].tsx
index 57b42b7..4760ff6 100644
--- a/src/pages/daos/[address].tsx
+++ b/src/pages/daos/[address].tsx
@@ -197,8 +197,7 @@ function Priorities({ daoAddress, priorityCount }: any) {
   console.log('isConnected:', isConnected)
 
   let contracts: any = [priorityCount]
-  let i = 0
-  for (i = 0; i < Number(priorityCount); i++) {
+  for (let i = 0; i < Number(priorityCount); i++) {
     console.log('i:', i)
     const daoContract = {
       address: daoAddress,
@@ -236,7 +235,7 @@ function Priorities({ daoAddress, priorityCount }: any) {
     <div>
       <div className='container'>
         <Link href={`${config.etherscanDomain}/address/${daoAddress}#writeContract#F1`} target='_blank'>
-          <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl disabled:text-gray-600 disabled:bg-gray-400' disabled={!isConnected}>+ Add Priority</button>
+          <button disabled={!isConnected} className='disabled:text-gray-600 disabled:bg-gray-400 float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl'>+ Add Priority</button>
         </Link>
 
         <h2 className="text-2xl text-gray-400">Priorities</h2>
diff --git a/src/pages/priorities/[address].tsx b/src/pages/priorities/[address].tsx
index fd95d73..a7d3079 100644
--- a/src/pages/priorities/[address].tsx
+++ b/src/pages/priorities/[address].tsx
@@ -56,7 +56,7 @@ export default function PriorityPage() {
           </div>
         </div>
 
-        <div id='priority' className='sticky top-0 md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
+        <div id='priority' className='md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
           <Priority address={address} />
         </div>
 
@@ -369,7 +369,7 @@ function Epochs({ priorityAddress, epochIndex }: any) {
     }
   }
 
-  if (epochs.length == 0) {
+  if (!useIsMounted() || (epochs.length == 0)) {
     return (
       <div className="flex items-center text-gray-400">
         <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
diff --git a/src/pages/priorities/[address]/epochs/[epochIndex].tsx b/src/pages/priorities/[address]/epochs/[epochIndex].tsx
index 9c18790..b064924 100644
--- a/src/pages/priorities/[address]/epochs/[epochIndex].tsx
+++ b/src/pages/priorities/[address]/epochs/[epochIndex].tsx
@@ -3,13 +3,16 @@ import Image from 'next/image'
 import { PT_Mono } from '@next/font/google'
 import styles from '@/styles/Home.module.css'
 import { chainUtils } from '@/utils/ChainUtils'
-import { configureChains, createClient, readContract, readContracts } from '@wagmi/core'
+import { configureChains, createClient, useAccount, useConnect, useContractRead, useContractReads, useDisconnect, WagmiConfig } from 'wagmi'
+import { InjectedConnector } from 'wagmi/connectors/injected'
 import { publicProvider } from '@wagmi/core/providers/public'
 import Sector3DAO from '../../../../../abis/Sector3DAO.json'
 import Sector3DAOPriority from '../../../../../abis/Sector3DAOPriority.json'
 import { ethers } from 'ethers'
 import Link from 'next/link'
 import { config } from '@/utils/Config'
+import { useRouter } from 'next/router'
+import { useIsMounted } from '@/hooks/useIsMounted'
 
 const font = PT_Mono({ subsets: ['latin'], weight: '400' })
 
@@ -23,27 +26,19 @@ const client = createClient({
   provider
 })
 
-export default function Priority({ dao, priority, epoch, contributions, allocationPercentages }: any) {
-  console.log('Priority')
-
-  console.log('dao:', dao)
-  console.log('priority:', priority)
-  console.log('epoch:', epoch)
-  console.log('contributions:', contributions)
-  console.log('allocationPercentages:', allocationPercentages)
+export default function EpochPage() {
+  console.log('EpochPage')
 
-  const headTitle = 'Sector#3 / ' + dao.name + ' / ' + priority.title + ' / Epoch ' + epoch.index
-  const headDescription = 'Epoch ' + epoch.index
+  const router = useRouter()
+  const { address, epochIndex } = router.query
+  console.log('address:', address)
+  console.log('epochIndex:', epochIndex)
 
-  const alignmentValues = ['None ☆☆☆☆☆', 'Barely ★☆☆☆☆', 'Moderately ★★☆☆☆', 'Mostly ★★★☆☆', 'Perfectly ★★★★★']
-  const alignmentTextColors = ['text-red-400', 'text-orange-400', 'text-amber-400', 'text-lime-400', 'text-emerald-400' ]
-  const alignmentBorderColors = ['border-l-red-400', 'border-l-orange-400', 'border-l-amber-400', 'border-l-lime-400', 'border-l-emerald-400' ]
-  
   return (
-    <>
+    <WagmiConfig client={client}>
       <Head>
-        <title>{headTitle}</title>
-        <meta name="description" content={headDescription} />
+        <title>Sector#3</title>
+        <meta name="description" content="Do DAOs Dream of Electric Sheep? ⚡️🐑" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
@@ -52,135 +47,168 @@ export default function Priority({ dao, priority, epoch, contributions, allocati
         {/* <source src="https://video.twimg.com/tweet_video/FpM9CcwagAIiRD7.mp4" type="video/mp4" /> */}
       </video>
 
-      <main className={styles.main}>
-        <div className={styles.description}>
-          <p>
-            <Image
-              alt="Logo"
-              width={64}
-              height={64}
-              src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2/logo.png"
-            /> <b>{dao.name}</b> {dao.purpose}
-          </p>
-          <p>
-            Priority: <b>{priority.title}</b><br />
-            Reward token: <code>{priority.rewardToken}</code><br />
-            Epoch budget: {priority.epochBudget} per {priority.epochDuration} days<br />
-            Start date: {priority.startDate}
-          </p>
-          {(epoch.index == priority.epochIndex) ? (
-            <p>
-              Current Epoch: From <b>{epoch.startDate}</b> to <b>{epoch.endDate}</b>
-            </p>
-          ) : (
-            <p>
-              Past Epoch: From <b>{epoch.startDate}</b> to <b>{epoch.endDate}</b>
-            </p>
-          )}
+      <main className='p-2 sm:p-4 md:p-8 lg:p-16 xl:p-32 2xl:p-64'>
+        <div id='header' className='md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
+          <div className='md:w-2/3 flex'>
+            <DAOAddress priorityAddress={address} />
+          </div>
+          <div className='text-center md:text-right md:w-1/3'>
+            <EthereumAccount />
+          </div>
         </div>
 
-        <div className='container mt-4'>
-          {(epoch.index == priority.epochIndex) ? (
-            <Link href={`${config.etherscanDomain}/address/${priority.address}#writeContract#F1`} target='_blank'>
-              <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl'>Add Contribution</button>
-            </Link>
-          ) : null}
-
-          <h2 className="text-2xl text-gray-400">Contributions:</h2>
-        </div>
-
-        <div className='container'>
-          {(contributions.length == 0) ? (
-            <div className='text-gray-400'>
-              No data
-            </div>
-          ) : (
-            contributions.map((contribution: any, index: number) => (
-              <div key={index} className={`mt-4 p-6 bg-gray-800 rounded-xl border-4 border-gray-800 ${alignmentBorderColors[contribution.alignment]}`}>
-                <div className='flex'>
-                  Contributor:&nbsp;
-                  <img
-                    className="h-6 w-6 bg-gray-700 rounded-full"
-                    src={`https://cdn.stamp.fyi/avatar/eth:${contribution.contributor}?s=128`}
-                  />&nbsp;
-                  <code>{contribution.contributor.substring(0, 6)}...{contribution.contributor.slice(-4)}</code><br />
-                </div>
-                Description: <b>&quot;{contribution.description}&quot;</b><br />
-                Alignment with priority: <span className={`font-bold ${alignmentTextColors[contribution.alignment]}`}>{alignmentValues[contribution.alignment]}</span><br />
-                Hours spent: <code>{contribution.hoursSpent}h</code>
-              </div>
-            ))
-          )}
+        <div id='priority' className='md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
+          <Priority address={address} />
         </div>
 
-        <div className='container mt-8'>
-          <h2 className="text-2xl text-gray-400">Reward Allocation per Contributor:</h2>
+        <div id='epoch' className='md:flex p-6 bg-black rounded-xl border-4 border-black border-l-gray-700 border-r-gray-700'>
+          Epoch #{Number(epochIndex) + 1}
         </div>
 
-        <div className='container'>
-          { (Object.keys(allocationPercentages).length == 0) ? (
-            <div className='text-gray-400'>
-              No data
-            </div>
-          ) : (
-            <div className='mt-4 p-6 pb-2 bg-gray-800 rounded-xl'>
-              {Object.keys(allocationPercentages).map((contributor) => (
-                <div key={contributor} className='flex mb-4'>
-                  <img
-                    className="h-6 w-6 bg-gray-700 rounded-full"
-                    src={`https://cdn.stamp.fyi/avatar/eth:${contributor}?s=128`}
-                  />&nbsp;
-                  <code>{contributor.substring(0, 6)}...{contributor.slice(-4)}</code>&nbsp;
-                  <div className="ml-10 h-6 w-full bg-indigo-400 rounded-full">
-                    <div className={`w-[${allocationPercentages[contributor]}%] h-full text-center text-white bg-indigo-600 rounded-full`}>
-                      {(allocationPercentages[contributor] * priority.epochBudget / 100).toFixed(2)} {/*<code>$TOKEN_NAME</code>*/}
-                    </div>
-                  </div>&nbsp;
-                  <div className='w-1/6 text-right'>{(allocationPercentages[contributor]).toFixed(2)}%</div>
-                </div>
-              ))}
-            </div>
-          )}
+        <div id='content' className='mt-4'>
+          <ContributionCount priorityAddress={address} epochIndex={epochIndex} />
         </div>
       </main>
-    </>
+    </WagmiConfig>
   )
 }
 
-export async function getStaticPaths() {
-  console.log('getStaticPaths')
-
-  return {
-    paths: [
-      // { params: { address: '0x90568B9Ba334b992707E0580505260BFdA4F8C67', epochIndex: '0' } },
-      // { params: { address: '0x90568B9Ba334b992707E0580505260BFdA4F8C67', epochIndex: '1' } },
-      // { params: { address: '0x90568B9Ba334b992707E0580505260BFdA4F8C67', epochIndex: '2' } },
-      // { params: { address: '0xd7aC7a02F171DDA4435Df9d4556AC92F388130Cb', epochIndex: '0' } }
-    ],
-    fallback: 'blocking'
+function DAOAddress({ priorityAddress }: any) {
+  console.log('DAO')
+
+  console.log('DAOAddress:', DAOAddress)
+
+  const { data, isError, isLoading } = useContractRead({
+    address: priorityAddress,
+    abi: Sector3DAOPriority.abi,
+    functionName: 'dao'
+  })
+  console.log('data:', data)
+
+  let daoAddress = null
+  if (data) {
+    daoAddress = data
   }
+
+  if (!useIsMounted() || !daoAddress) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
+  }
+  return <DAO address={daoAddress} />
 }
 
-export async function getStaticProps(context: any) {
-  console.log('getStaticProps')
+function DAO({ address }: any) {
+  console.log('DAO')
 
-  const address = context.params.address
   console.log('address:', address)
 
-  const epochIndex = context.params.epochIndex
-  console.log('epochIndex:', epochIndex)
+  const daoContract = {
+    address: address,
+    abi: Sector3DAO.abi
+  }
+
+  const { data: daoData, isError, isLoading } = useContractReads({
+    contracts: [
+      {
+        ...daoContract,
+        functionName: 'name'
+      },
+      {
+        ...daoContract,
+        functionName: 'purpose'
+      },
+      {
+        ...daoContract,
+        functionName: 'getPriorityCount'
+      }
+    ]
+  })
+  console.log('daoData:', daoData)
+  console.log('isError:', isError)
+  console.log('isLoading:', isLoading)
+
+  let dao = null
+  if (daoData != undefined) {
+    const name = daoData[0]
+    const purpose = daoData[1]
+    dao = {
+      address: address,
+      name: name,
+      purpose: purpose
+    }
+  }
+
+  if (!useIsMounted() || !dao) {
+    return (
+      <div className="flex items-center justify-center text-gray-400 pb-6 md:pb-0">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
+  }
+
+  return (
+    <div className='flex'>
+      <div className='w-1/6'>
+        <Image
+          alt="DAO token logo"
+          width={100}
+          height={100}
+          src="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0x2d94AA3e47d9D5024503Ca8491fcE9A2fB4DA198/logo.png"
+        />
+      </div>
+      <div className='w-5/6 pl-6'>
+        <h2 className='text-xl font-bold'><>{dao.name}</></h2>
+        <p className='text-gray-400 pb-6 md:pb-0'><>Purpose: {dao.purpose}</></p>
+      </div>
+    </div>
+  )
+}
+
+function EthereumAccount() {
+  console.log('EthereumAccount')
+
+  const { address, isConnected } = useAccount();
+  const { connect } = useConnect({
+    connector: new InjectedConnector()
+  })
+  const { disconnect } = useDisconnect()
+
+  if (!useIsMounted() || !isConnected) {
+    return (
+      <button onClick={() => connect()} className='rounded-xl text-xl font-bold bg-indigo-800 hover:bg-indigo-700 px-4 py-2'>
+        <div className='flex'>
+          <Image alt='Ethereum' src='/ethereum.svg' width={24} height={24} />
+          &nbsp;Connect
+        </div>
+      </button>
+    )
+  }
+
+  return (
+    <button onClick={() => disconnect()} className='rounded-xl text-xl font-bold bg-gray-800 hover:bg-gray-700 px-4 py-2'>
+      <div className='flex'>
+        <img src={`https://cdn.stamp.fyi/avatar/eth:${address}?s=128`} className="h-7 w-7 bg-gray-700 rounded-full" />
+        &nbsp;<code>{address?.substring(0, 6)}...{address?.slice(-4)}</code>
+      </div>
+    </button>
+  )
+}
+
+function Priority({ address }: any) {
+  console.log('Priority')
 
   const priorityContract = {
     address: address,
     abi: Sector3DAOPriority.abi
   }
 
-  const priorityData = await readContracts({
+  const { data, isError, isLoading } = useContractReads({
     contracts: [
-      {
-        ...priorityContract,
-        functionName: 'dao'
-      },
       {
         ...priorityContract,
         functionName: 'title'
@@ -200,120 +228,285 @@ export async function getStaticProps(context: any) {
       {
         ...priorityContract,
         functionName: 'epochBudget'
-      },
-      {
-        ...priorityContract,
-        functionName: 'getEpochIndex'
-      },
-      {
-        ...priorityContract,
-        functionName: 'getContributionCount'
       }
     ]
   })
-  console.log('priorityData:', priorityData)
+  console.log('data:', data)
 
-  const priority: any = {
-    address: address,
-    dao: priorityData[0],
-    title: priorityData[1],
-    rewardToken: priorityData[2],
-    startTime: Number(priorityData[3]),
-    startDate: new Date(Number(priorityData[3]) * 1_000).toISOString().substring(0, 10),
-    epochDuration: priorityData[4],
-    epochBudget: ethers.utils.formatUnits(String(priorityData[5])),
-    epochIndex: priorityData[6],
-    contributionCount: priorityData[7]
+  let priority = null
+  if (data) {
+    priority = {
+      title: data[0],
+      rewardToken: data[1],
+      startDate: new Date(Number(data[2]) * 1_000).toISOString().substring(0, 10),
+      epochDuration: data[3],
+      epochBudget: ethers.utils.formatUnits(String(data[4]))
+    }
   }
+  console.log('priority:', priority)
 
-  const daoContract = {
-    address: priority.dao,
-    abi: Sector3DAO.abi
+  if (!useIsMounted() || !priority) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
   }
+  return (
+    <>
+      <div className='md:w-1/3'>
+        <label className='text-gray-400'>Priority</label><br />
+        <>{priority.title}</>
+      </div>
+      <div className='md:w-1/3 pt-4 md:pt-0 md:px-4'>
+        <label className='text-gray-400'>Start date</label><br />
+        {priority.startDate}
+      </div>
+      <div className='md:w-1/3 pt-4 md:pt-0'>
+        <label className='text-gray-400'>Budget</label><br />
+        <>{priority.epochBudget} <code>$TOKEN_NAME</code> per {priority.epochDuration} days</>
+      </div>
+    </>
+  )
+}
 
-  const daoData = await readContracts({
-    contracts: [
-      {
-        ...daoContract,
-        functionName: 'name'
-      },
-      {
-        ...daoContract,
-        functionName: 'purpose'
-      },
-      {
-        ...daoContract,
-        functionName: 'getPriorityCount'
-      }
-    ]
+function ContributionCount({ priorityAddress, epochIndex }: any) {
+  console.log('ContributionCount')
+
+  console.log('priorityAddress:', priorityAddress)
+  console.log('epochIndex:', epochIndex)
+
+  const { data, isError, isLoading } = useContractRead({
+    address: priorityAddress,
+    abi: Sector3DAOPriority.abi,
+    functionName: 'getContributionCount'
   })
-  console.log('daoData:', daoData)
+  console.log('data:', data)
 
-  const dao = {
-    name: daoData[0],
-    purpose: daoData[1],
-    address: address
+  let contributionCount = null
+  if (data) {
+    contributionCount = data
   }
 
-  const epoch = {
-    index: Number(epochIndex),
-    startTime: priority.startTime + (epochIndex * priority.epochDuration * 24*60*60),
-    startDate: new Date(Number(priority.startTime + (epochIndex * priority.epochDuration * 24*60*60)) * 1_000).toISOString().substring(0, 10),
-    endTime: priority.startTime + ((epochIndex + 1) * priority.epochDuration * 24*60*60),
-    endDate: new Date(Number(priority.startTime + ((epochIndex + 1) * priority.epochDuration * 24*60*60)) * 1_000).toISOString().substring(0, 10),
+  if (!useIsMounted() || !contributionCount) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
   }
+  return <Contributions priorityAddress={priorityAddress} epochIndex={epochIndex} contributionCount={contributionCount} />
+}
 
-  let contributions: any[] = []
-  let contributionIndex = priority.contributionCount - 1
-  while (contributionIndex >= 0) {
-    console.log('contributionIndex:', contributionIndex)
+function Contributions({ priorityAddress, epochIndex, contributionCount }: any) {
+  console.log('Contributions')
 
-    const contributionData: any = await readContract({
-      address: address,
-      abi: Sector3DAOPriority.abi,
+  console.log('priorityAddress:', priorityAddress)
+  console.log('epochIndex:', epochIndex)
+  console.log('contributionCount:', contributionCount)
+
+  let contracts: any = [contributionCount]
+  let i = 0
+  for (i = 0; i < Number(contributionCount); i++) {
+    console.log('i:', i)
+    const priorityContract = {
+      address: priorityAddress,
+      abi: Sector3DAOPriority.abi
+    }
+    contracts[i] = {
+      ...priorityContract,
       functionName: 'getContribution',
-      args: [contributionIndex]
-    })
-    console.log('contributionData:', contributionData)
-    if (contributionData.epochIndex == epochIndex) {
-      const contribution = {
-        contributor: contributionData.contributor,
-        description: contributionData.description,
-        alignment: contributionData.alignment,
-        hoursSpent: contributionData.hoursSpent
+      args: [i]
+    }
+  }
+  console.log('contracts:', contracts)
+
+  const { data: contributionsData, isError, isLoading } = useContractReads({
+    contracts: contracts
+  })
+  console.log('contributionsData:', contributionsData)
+
+  let contributions: any = null
+  if (contributionsData != undefined) {
+    contributions = []
+    let contributionIndex = contributionCount - 1
+    while (contributionIndex >= 0) {
+      console.log('contributionIndex:', contributionIndex)
+
+      const contributionData: any = contributionsData[contributionIndex]
+      console.log('contributionData:', contributionData)
+      if (contributionData.epochIndex == epochIndex) {
+        const contribution = {
+          contributor: contributionData.contributor,
+          description: contributionData.description,
+          alignment: contributionData.alignment,
+          hoursSpent: contributionData.hoursSpent
+        }
+        contributions[contributions.length] = contribution
       }
-      contributions[contributions.length] = contribution
+
+      contributionIndex--
     }
+  }
+  console.log('contributions:', contributions)
 
-    contributionIndex--
+  if (!useIsMounted() || !contributions) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
   }
 
-  let allocationPercentages: any = {}
-  for (const contribution of contributions) {
-    if (!allocationPercentages[contribution.contributor]) {
-      allocationPercentages[contribution.contributor] = 0
+  const alignmentValues = ['None ☆☆☆☆☆', 'Barely ★☆☆☆☆', 'Moderately ★★☆☆☆', 'Mostly ★★★☆☆', 'Perfectly ★★★★★']
+  const alignmentTextColors = ['text-red-400', 'text-orange-400', 'text-amber-400', 'text-lime-400', 'text-emerald-400' ]
+  const alignmentBorderColors = ['border-l-red-400', 'border-l-orange-400', 'border-l-amber-400', 'border-l-lime-400', 'border-l-emerald-400' ]
+  return (
+    <>
+      <div className='container mt-8'>
+        {/* {(epoch.index == priority.epochIndex) ? ( */}
+          <Link href={`${config.etherscanDomain}/address/${priorityAddress}#writeContract#F1`} target='_blank'>
+            <button className='float-right px-4 py-2 font-semibold text-indigo-200 bg-indigo-800 hover:bg-indigo-700 rounded-xl'>+ Add Contribution</button>
+          </Link>
+        {/* ) : null} */}
+
+        <h2 className="text-2xl text-gray-400">Contributions</h2>
+      </div>
+
+      <div className='container'>
+        {(contributions.length == 0) ? (
+          <div className='text-gray-400 mt-4'>
+            No data
+          </div>
+        ) : (
+          contributions.map((contribution: any, index: number) => (
+            <div key={index} className={`mt-4 p-6 bg-gray-800 rounded-xl border-4 border-gray-800 ${alignmentBorderColors[contribution.alignment]}`}>
+              <div className='flex'>
+                Contributor:&nbsp;
+                <img
+                  className="h-6 w-6 bg-gray-700 rounded-full"
+                  src={`https://cdn.stamp.fyi/avatar/eth:${contribution.contributor}?s=128`}
+                />&nbsp;
+                <code>{contribution.contributor.substring(0, 6)}...{contribution.contributor.slice(-4)}</code><br />
+              </div>
+              Description: <b>&quot;{contribution.description}&quot;</b><br />
+              Alignment with priority: <span className={`font-bold ${alignmentTextColors[contribution.alignment]}`}>{alignmentValues[contribution.alignment]}</span><br />
+              Hours spent: <code>{contribution.hoursSpent}h</code>
+            </div>
+          ))
+        )}
+      </div>
+
+      <div className='container mt-8'>
+        <h2 className="text-2xl text-gray-400">Reward Allocation per Contributor</h2>
+      </div>
+
+      <div className='container'>
+        {(contributions.length == 0) ? (
+          <div className='text-gray-400 mt-4'>
+            No data
+          </div>
+        ) : (
+          <Allocations priorityAddress={priorityAddress} epochIndex={epochIndex} contributions={contributions} />
+        )}
+      </div>
+    </>
+  )
+}
+
+function Allocations({ priorityAddress, epochIndex, contributions }: any) {
+  console.log('Allocations')
+
+  console.log('priorityAddress:', priorityAddress)
+  console.log('epochIndex:', epochIndex)
+  console.log('contributions:', contributions)
+
+  let allocationPercentages: any = null
+
+  // Add unique contributors
+  if (contributions.length > 0) {
+    allocationPercentages = {}
+    for (const contribution of contributions) {
+      if (!allocationPercentages[contribution.contributor]) {
+        allocationPercentages[contribution.contributor] = 0
+      }
     }
   }
-  for (const contributor in allocationPercentages) {
+  console.log('allocationPercentages:', allocationPercentages)
+  const allocationPercentagesKeys = Object.keys(allocationPercentages)
+  console.log('allocationPercentagesKeys:', allocationPercentagesKeys)
+
+  let contracts: any = [allocationPercentagesKeys.length]
+  for (let i = 0; i < allocationPercentagesKeys.length; i++) {
+    console.log('i:', i)
+    console.log('epochIndex:', epochIndex)
+    const contributor = allocationPercentagesKeys[i]
     console.log('contributor:', contributor)
-    const allocationPercentageData = await readContract({
-      address: address,
-      abi: Sector3DAOPriority.abi,
+    const priorityContract = {
+      address: priorityAddress,
+      abi: Sector3DAOPriority.abi
+    }
+    contracts[i] = {
+      ...priorityContract,
       functionName: 'getAllocationPercentage',
       args: [epochIndex, contributor]
-    })
-    console.log('allocationPercentageData:', allocationPercentageData)
-    allocationPercentages[contributor] = allocationPercentageData
+    }
+  }
+  console.log('contracts:', contracts)
+
+  const { data, isError, isLoading } = useContractReads({
+    contracts: contracts
+  })
+  console.log('data:', data)
+
+  if (data != undefined) {
+    for (let i = 0; i < allocationPercentagesKeys.length; i++) {
+      const contributor = allocationPercentagesKeys[i]
+      console.log('contributor:', contributor)
+      const allocationPercentage = data[i]
+      console.log('allocationPercentage:', allocationPercentage)
+      allocationPercentages[contributor] = allocationPercentage
+    }
+    console.log('allocationPercentages (after contract call):', allocationPercentages)
   }
 
-  return {
-    props: {
-      dao: dao,
-      priority: priority,
-      epoch: epoch,
-      contributions: contributions,
-      allocationPercentages: allocationPercentages
-    },
-    revalidate: 60
+  if (!useIsMounted() || !allocationPercentages) {
+    return (
+      <div className="flex items-center text-gray-400">
+        <div className="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent border-gray-400 align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"></div>
+        &nbsp;Loading...
+      </div>
+    )
   }
+
+  return (
+    <div className='container'>
+      {(Object.keys(allocationPercentages).length == 0) ? (
+        <div className='text-gray-400'>
+          No data
+        </div>
+      ) : (
+        <div className='mt-4 p-6 pb-2 bg-gray-800 rounded-xl'>
+          {Object.keys(allocationPercentages).map((contributor) => (
+            <div key={contributor} className='flex mb-4'>
+              <img
+                className="h-6 w-6 bg-gray-700 rounded-full"
+                src={`https://cdn.stamp.fyi/avatar/eth:${contributor}?s=128`}
+              />&nbsp;
+              <code>{contributor.substring(0, 6)}...{contributor.slice(-4)}</code>&nbsp;
+              <div className="ml-10 h-6 w-full bg-indigo-400 rounded-full">
+                <div className={`w-[${allocationPercentages[contributor]}%] h-full text-center text-white bg-indigo-600 rounded-full`}>
+                  {/* {(allocationPercentages[contributor] * priority.epochBudget / 100).toFixed(2)} <code>$TOKEN_NAME</code> */}
+                </div>
+              </div>&nbsp;
+              <div className='w-1/6 text-right'>{(allocationPercentages[contributor]).toFixed(2)}%</div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  )
 }