diff --git a/web/package.json b/web/package.json
index b841e6b..5fe3334 100644
--- a/web/package.json
+++ b/web/package.json
@@ -16,6 +16,7 @@
"@tanstack/react-query": "^5.29.2",
"@vitejs/plugin-react": "^4.2.1",
"autoprefixer": "^10.4.19",
+ "connectkit": "^1.7.3",
"postcss": "^8.4.38",
"react": "^18.2.0",
"react-dom": "^18.2.0",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 15c2cfc..6da9565 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -17,6 +17,9 @@ dependencies:
autoprefixer:
specifier: ^10.4.19
version: 10.4.19(postcss@8.4.38)
+ connectkit:
+ specifier: ^1.7.3
+ version: 1.7.3(@babel/core@7.24.4)(@tanstack/react-query@5.29.2)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(viem@2.9.19)(wagmi@2.5.20)
postcss:
specifier: ^8.4.38
version: 8.4.38
@@ -119,10 +122,10 @@ packages:
'@babel/helpers': 7.24.4
'@babel/parser': 7.24.4
'@babel/template': 7.24.0
- '@babel/traverse': 7.24.1
+ '@babel/traverse': 7.24.1(supports-color@5.5.0)
'@babel/types': 7.24.0
convert-source-map: 2.0.0
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
gensync: 1.0.0-beta.2
json5: 2.2.3
semver: 6.3.1
@@ -203,7 +206,7 @@ packages:
'@babel/core': 7.24.4
'@babel/helper-compilation-targets': 7.23.6
'@babel/helper-plugin-utils': 7.24.0
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
lodash.debounce: 4.0.8
resolve: 1.22.8
transitivePeerDependencies:
@@ -343,7 +346,7 @@ packages:
engines: {node: '>=6.9.0'}
dependencies:
'@babel/template': 7.24.0
- '@babel/traverse': 7.24.1
+ '@babel/traverse': 7.24.1(supports-color@5.5.0)
'@babel/types': 7.24.0
transitivePeerDependencies:
- supports-color
@@ -1507,7 +1510,7 @@ packages:
'@babel/types': 7.24.0
dev: false
- /@babel/traverse@7.24.1:
+ /@babel/traverse@7.24.1(supports-color@5.5.0):
resolution: {integrity: sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==}
engines: {node: '>=6.9.0'}
dependencies:
@@ -1519,7 +1522,7 @@ packages:
'@babel/helper-split-export-declaration': 7.22.6
'@babel/parser': 7.24.4
'@babel/types': 7.24.0
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
globals: 11.12.0
transitivePeerDependencies:
- supports-color
@@ -1580,12 +1583,26 @@ packages:
resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
dev: false
+ /@emotion/is-prop-valid@0.8.8:
+ resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+ requiresBuild: true
+ dependencies:
+ '@emotion/memoize': 0.7.4
+ dev: false
+ optional: true
+
/@emotion/is-prop-valid@1.2.2:
resolution: {integrity: sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==}
dependencies:
'@emotion/memoize': 0.8.1
dev: false
+ /@emotion/memoize@0.7.4:
+ resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+ requiresBuild: true
+ dev: false
+ optional: true
+
/@emotion/memoize@0.8.1:
resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
dev: false
@@ -1646,6 +1663,14 @@ packages:
react: 18.2.0
dev: false
+ /@emotion/stylis@0.8.5:
+ resolution: {integrity: sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==}
+ dev: false
+
+ /@emotion/unitless@0.7.5:
+ resolution: {integrity: sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==}
+ dev: false
+
/@emotion/unitless@0.8.1:
resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
dev: false
@@ -1897,7 +1922,7 @@ packages:
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dependencies:
ajv: 6.12.6
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
espree: 9.6.1
globals: 13.24.0
ignore: 5.3.1
@@ -1961,7 +1986,7 @@ packages:
engines: {node: '>=10.10.0'}
dependencies:
'@humanwhocodes/object-schema': 2.0.3
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
minimatch: 3.1.2
transitivePeerDependencies:
- supports-color
@@ -2268,7 +2293,7 @@ packages:
dependencies:
'@ethereumjs/tx': 4.2.0
'@types/debug': 4.1.12
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
semver: 7.6.0
superstruct: 1.0.4
transitivePeerDependencies:
@@ -2283,7 +2308,7 @@ packages:
'@noble/hashes': 1.4.0
'@scure/base': 1.1.6
'@types/debug': 4.1.12
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
pony-cause: 2.1.11
semver: 7.6.0
superstruct: 1.0.4
@@ -2301,6 +2326,17 @@ packages:
tslib: 2.6.2
dev: false
+ /@motionone/dom@10.12.0:
+ resolution: {integrity: sha512-UdPTtLMAktHiqV0atOczNYyDd/d8Cf5fFsd1tua03PqTwwCe/6lwhLSQ8a7TbnQ5SN0gm44N1slBfj+ORIhrqw==}
+ dependencies:
+ '@motionone/animation': 10.17.0
+ '@motionone/generators': 10.17.0
+ '@motionone/types': 10.17.0
+ '@motionone/utils': 10.17.0
+ hey-listen: 1.0.8
+ tslib: 2.6.2
+ dev: false
+
/@motionone/dom@10.17.0:
resolution: {integrity: sha512-cMm33swRlCX/qOPHWGbIlCl0K9Uwi6X5RiL8Ma6OrlJ/TP7Q+Np5GE4xcZkFptysFjMTi4zcZzpnNQGQ5D6M0Q==}
dependencies:
@@ -3410,7 +3446,7 @@ packages:
'@typescript-eslint/scope-manager': 5.62.0
'@typescript-eslint/types': 5.62.0
'@typescript-eslint/typescript-estree': 5.62.0(typescript@5.4.5)
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
eslint: 8.57.0
typescript: 5.4.5
transitivePeerDependencies:
@@ -3431,7 +3467,7 @@ packages:
'@typescript-eslint/types': 7.7.0
'@typescript-eslint/typescript-estree': 7.7.0(typescript@5.4.5)
'@typescript-eslint/visitor-keys': 7.7.0
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
eslint: 8.57.0
typescript: 5.4.5
transitivePeerDependencies:
@@ -3475,7 +3511,7 @@ packages:
dependencies:
'@typescript-eslint/types': 5.62.0
'@typescript-eslint/visitor-keys': 5.62.0
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
globby: 11.1.0
is-glob: 4.0.3
semver: 7.6.0
@@ -3496,7 +3532,7 @@ packages:
dependencies:
'@typescript-eslint/types': 7.7.0
'@typescript-eslint/visitor-keys': 7.7.0
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
globby: 11.1.0
is-glob: 4.0.3
minimatch: 9.0.4
@@ -4318,6 +4354,21 @@ packages:
- supports-color
dev: false
+ /babel-plugin-styled-components@2.1.4(@babel/core@7.24.4)(styled-components@5.3.11):
+ resolution: {integrity: sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==}
+ peerDependencies:
+ styled-components: '>= 2'
+ dependencies:
+ '@babel/helper-annotate-as-pure': 7.22.5
+ '@babel/helper-module-imports': 7.24.3
+ '@babel/plugin-syntax-jsx': 7.24.1(@babel/core@7.24.4)
+ lodash: 4.17.21
+ picomatch: 2.3.1
+ styled-components: 5.3.11(@babel/core@7.24.4)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+ transitivePeerDependencies:
+ - '@babel/core'
+ dev: false
+
/babel-plugin-transform-flow-enums@0.0.2(@babel/core@7.24.4):
resolution: {integrity: sha512-g4aaCrDDOsWjbm0PUUeVnkcVd6AKJsVc/MbnPhEotEpkeJQP6b8nzewohQi7+QS8UyPehOhGWn0nOwjvWpmMvQ==}
dependencies:
@@ -4480,6 +4531,10 @@ packages:
engines: {node: '>=10'}
dev: false
+ /camelize@1.0.1:
+ resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
+ dev: false
+
/caniuse-lite@1.0.30001610:
resolution: {integrity: sha512-QFutAY4NgaelojVMjY63o6XlZyORPaLfyMnsl3HgnWdJUcX6K0oaJymHjH8PT5Gk7sTm8rvC/c5COUQKXqmOMA==}
dev: false
@@ -4707,6 +4762,34 @@ packages:
- supports-color
dev: false
+ /connectkit@1.7.3(@babel/core@7.24.4)(@tanstack/react-query@5.29.2)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(viem@2.9.19)(wagmi@2.5.20):
+ resolution: {integrity: sha512-q357F3N2I0s+UyTzymWnijJnPp7yZp8z+Qg803OGE/p3TeAv9o9P4uLhiSavgOjeTOxLr0rj1pgPQc3yC7zApw==}
+ engines: {node: '>=12.4'}
+ peerDependencies:
+ '@tanstack/react-query': '>=5.0.0'
+ react: 17.x || 18.x
+ react-dom: 17.x || 18.x
+ viem: 2.x
+ wagmi: 2.x
+ dependencies:
+ '@tanstack/react-query': 5.29.2(react@18.2.0)
+ buffer: 6.0.3
+ detect-browser: 5.3.0
+ framer-motion: 6.5.1(react-dom@18.2.0)(react@18.2.0)
+ qrcode: 1.5.3
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ react-transition-state: 1.1.5(react-dom@18.2.0)(react@18.2.0)
+ react-use-measure: 2.1.1(react-dom@18.2.0)(react@18.2.0)
+ resize-observer-polyfill: 1.5.1
+ styled-components: 5.3.11(@babel/core@7.24.4)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
+ viem: 2.9.19(typescript@5.4.5)
+ wagmi: 2.5.20(@tanstack/react-query@5.29.2)(@types/react@18.2.79)(react-dom@18.2.0)(react-native@0.73.6)(react@18.2.0)(typescript@5.4.5)(viem@2.9.19)
+ transitivePeerDependencies:
+ - '@babel/core'
+ - react-is
+ dev: false
+
/consola@3.2.3:
resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
engines: {node: ^14.18.0 || >=16.10.0}
@@ -4794,6 +4877,19 @@ packages:
optional: true
dev: false
+ /css-color-keywords@1.0.0:
+ resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
+ engines: {node: '>=4'}
+ dev: false
+
+ /css-to-react-native@3.2.0:
+ resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==}
+ dependencies:
+ camelize: 1.0.1
+ css-color-keywords: 1.0.0
+ postcss-value-parser: 4.2.0
+ dev: false
+
/cssesc@3.0.0:
resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
engines: {node: '>=4'}
@@ -4845,6 +4941,10 @@ packages:
resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
dev: false
+ /debounce@1.2.1:
+ resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
+ dev: false
+
/debug@2.6.9:
resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
peerDependencies:
@@ -4856,7 +4956,7 @@ packages:
ms: 2.0.0
dev: false
- /debug@4.3.4:
+ /debug@4.3.4(supports-color@5.5.0):
resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
engines: {node: '>=6.0'}
peerDependencies:
@@ -4866,6 +4966,7 @@ packages:
optional: true
dependencies:
ms: 2.1.2
+ supports-color: 5.5.0
/decamelize@1.2.0:
resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
@@ -5053,7 +5154,7 @@ packages:
resolution: {integrity: sha512-9Z0qLB0NIisTRt1DZ/8U2k12RJn8yls/nXMZLn+/N8hANT3TcYjKFKcwbw5zFQiN4NTde3TSY9zb79e1ij6j9Q==}
dependencies:
'@socket.io/component-emitter': 3.1.1
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
engine.io-parser: 5.2.2
ws: 8.11.0(bufferutil@4.0.8)(utf-8-validate@6.0.3)
xmlhttprequest-ssl: 2.0.0
@@ -5441,7 +5542,7 @@ packages:
ajv: 6.12.6
chalk: 4.1.2
cross-spawn: 7.0.3
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
doctrine: 3.0.0
escape-string-regexp: 4.0.0
eslint-scope: 7.2.2
@@ -5779,6 +5880,30 @@ packages:
resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
dev: false
+ /framer-motion@6.5.1(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-o1BGqqposwi7cgDrtg0dNONhkmPsUFDaLcKXigzuTFC5x58mE8iyTazxSudFzmT6MEyJKfjjU8ItoMe3W+3fiw==}
+ peerDependencies:
+ react: '>=16.8 || ^17.0.0 || ^18.0.0'
+ react-dom: '>=16.8 || ^17.0.0 || ^18.0.0'
+ dependencies:
+ '@motionone/dom': 10.12.0
+ framesync: 6.0.1
+ hey-listen: 1.0.8
+ popmotion: 11.0.3
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ style-value-types: 5.0.0
+ tslib: 2.6.2
+ optionalDependencies:
+ '@emotion/is-prop-valid': 0.8.8
+ dev: false
+
+ /framesync@6.0.1:
+ resolution: {integrity: sha512-fUY88kXvGiIItgNC7wcTOl0SNRCVXMKSWW2Yzfmn7EKNc+MpCzcz9DhdHcdjbrtN3c6R4H5dTY2jiCpPdysEjA==}
+ dependencies:
+ tslib: 2.6.2
+ dev: false
+
/fresh@0.5.2:
resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
engines: {node: '>= 0.6'}
@@ -6888,7 +7013,6 @@ packages:
/lodash@4.17.21:
resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
- dev: true
/log-symbols@4.1.0:
resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
@@ -7061,7 +7185,7 @@ packages:
resolution: {integrity: sha512-+OVISBkPNxjD4eEKhblRpBf463nTMk3KMEeYS8Z4xM/z3qujGJGSsWUGRtH27+c6zElaSGtZFiDMshEb8mMKQg==}
engines: {node: '>=18'}
dependencies:
- '@babel/traverse': 7.24.1
+ '@babel/traverse': 7.24.1(supports-color@5.5.0)
'@babel/types': 7.24.0
invariant: 2.2.4
metro-symbolicate: 0.80.8
@@ -7095,7 +7219,7 @@ packages:
'@babel/core': 7.24.4
'@babel/generator': 7.24.4
'@babel/template': 7.24.0
- '@babel/traverse': 7.24.1
+ '@babel/traverse': 7.24.1(supports-color@5.5.0)
nullthrows: 1.1.1
transitivePeerDependencies:
- supports-color
@@ -7134,7 +7258,7 @@ packages:
'@babel/generator': 7.24.4
'@babel/parser': 7.24.4
'@babel/template': 7.24.0
- '@babel/traverse': 7.24.1
+ '@babel/traverse': 7.24.1(supports-color@5.5.0)
'@babel/types': 7.24.0
accepts: 1.3.8
chalk: 4.1.2
@@ -7837,6 +7961,15 @@ packages:
engines: {node: '>=12.0.0'}
dev: false
+ /popmotion@11.0.3:
+ resolution: {integrity: sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==}
+ dependencies:
+ framesync: 6.0.1
+ hey-listen: 1.0.8
+ style-value-types: 5.0.0
+ tslib: 2.6.2
+ dev: false
+
/possible-typed-array-names@1.0.0:
resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
engines: {node: '>= 0.4'}
@@ -8195,6 +8328,27 @@ packages:
react-is: 18.2.0
dev: false
+ /react-transition-state@1.1.5(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-ITY2mZqc2dWG2eitJkYNdcSFW8aKeOlkL2A/vowRrLL8GH3J6Re/SpD/BLvQzrVOTqjsP0b5S9N10vgNNzwMUQ==}
+ peerDependencies:
+ react: '>=16.8.0'
+ react-dom: '>=16.8.0'
+ dependencies:
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ dev: false
+
+ /react-use-measure@2.1.1(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-nocZhN26cproIiIduswYpV5y5lQpSQS1y/4KuvUCjSKmw7ZWIS/+g3aFnX3WdBkyuGUtTLif3UTqnLLhbDoQig==}
+ peerDependencies:
+ react: '>=16.13'
+ react-dom: '>=16.13'
+ dependencies:
+ debounce: 1.2.1
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ dev: false
+
/react@18.2.0:
resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
engines: {node: '>=0.10.0'}
@@ -8366,6 +8520,10 @@ packages:
resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
dev: false
+ /resize-observer-polyfill@1.5.1:
+ resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+ dev: false
+
/resolve-from@3.0.0:
resolution: {integrity: sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==}
engines: {node: '>=4'}
@@ -8613,6 +8771,10 @@ packages:
kind-of: 6.0.3
dev: false
+ /shallowequal@1.1.0:
+ resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
+ dev: false
+
/shebang-command@2.0.0:
resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
engines: {node: '>=8'}
@@ -8668,7 +8830,7 @@ packages:
engines: {node: '>=10.0.0'}
dependencies:
'@socket.io/component-emitter': 3.1.1
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
engine.io-client: 6.5.3(bufferutil@4.0.8)(utf-8-validate@6.0.3)
socket.io-parser: 4.2.4
transitivePeerDependencies:
@@ -8682,7 +8844,7 @@ packages:
engines: {node: '>=10.0.0'}
dependencies:
'@socket.io/component-emitter': 3.1.1
- debug: 4.3.4
+ debug: 4.3.4(supports-color@5.5.0)
transitivePeerDependencies:
- supports-color
dev: false
@@ -8906,6 +9068,38 @@ packages:
resolution: {integrity: sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==}
dev: false
+ /style-value-types@5.0.0:
+ resolution: {integrity: sha512-08yq36Ikn4kx4YU6RD7jWEv27v4V+PUsOGa4n/as8Et3CuODMJQ00ENeAVXAeydX4Z2j1XHZF1K2sX4mGl18fA==}
+ dependencies:
+ hey-listen: 1.0.8
+ tslib: 2.6.2
+ dev: false
+
+ /styled-components@5.3.11(@babel/core@7.24.4)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==}
+ engines: {node: '>=10'}
+ peerDependencies:
+ react: '>= 16.8.0'
+ react-dom: '>= 16.8.0'
+ react-is: '>= 16.8.0'
+ dependencies:
+ '@babel/helper-module-imports': 7.24.3
+ '@babel/traverse': 7.24.1(supports-color@5.5.0)
+ '@emotion/is-prop-valid': 1.2.2
+ '@emotion/stylis': 0.8.5
+ '@emotion/unitless': 0.7.5
+ babel-plugin-styled-components: 2.1.4(@babel/core@7.24.4)(styled-components@5.3.11)
+ css-to-react-native: 3.2.0
+ hoist-non-react-statics: 3.3.2
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ react-is: 18.2.0
+ shallowequal: 1.1.0
+ supports-color: 5.5.0
+ transitivePeerDependencies:
+ - '@babel/core'
+ dev: false
+
/stylis@4.2.0:
resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
dev: false
diff --git a/web/src/connectwallet/ConnectWallet.tsx b/web/src/connectwallet/ConnectWallet.tsx
index 1d7ad4e..6e003d1 100644
--- a/web/src/connectwallet/ConnectWallet.tsx
+++ b/web/src/connectwallet/ConnectWallet.tsx
@@ -1,7 +1,11 @@
+import { useModal } from 'connectkit';
+
export const ConnectWallet = () => {
+ const {setOpen} = useModal();
+
return (
-
diff --git a/web/src/index.tsx b/web/src/index.tsx
index 5560eff..f03e3f9 100644
--- a/web/src/index.tsx
+++ b/web/src/index.tsx
@@ -8,6 +8,7 @@ import { WagmiProvider } from 'wagmi';
import { http, createConfig } from 'wagmi';
import { base, mainnet, optimism } from 'wagmi/chains';
import { injected, metaMask, safe, walletConnect } from 'wagmi/connectors';
+import { ConnectKitProvider } from 'connectkit';
import { App } from './App';
@@ -37,7 +38,9 @@ ReactDOM.createRoot(document.querySelector('#root') as HTMLElement).render(
-
+
+
+
diff --git a/web/src/walletinfo/WalletInfo.tsx b/web/src/walletinfo/WalletInfo.tsx
index 9c2c9e0..9e95a70 100644
--- a/web/src/walletinfo/WalletInfo.tsx
+++ b/web/src/walletinfo/WalletInfo.tsx
@@ -1,9 +1,10 @@
import { formatAddress } from '@ens-tools/format';
import { useProfile } from 'use-enstate';
-import { useAccount } from 'wagmi';
+import { useAccount, useDisconnect } from 'wagmi';
export const WalletInfo = () => {
const { address } = useAccount();
+ const { disconnect } = useDisconnect();
const { data } = useProfile(address as string, { endpoint: 'https://enstate.rs', enabled: address !== undefined });
return (
@@ -21,7 +22,9 @@ export const WalletInfo = () => {
) : formatAddress(address as string)}
-