Merge pull request #16 from zktx-io/update-ui

update ui
zktx-io · May 26, 2024 · 02f150f · 02f150f
2 parents 18b5e63 + c82e3e3
commit 02f150f
Show file tree

Hide file tree

Showing 12 changed files with 40 additions and 37 deletions.
diff --git a/README.md b/README.md
@@ -2,8 +2,8 @@
 
 **Wormhole Kit** is a React library that enables instant integration of [Wormhole](https://docs.wormhole.com/wormhole/reference/sdk-docs) into your dapp.
 
-### Transfer
-![@zktx io:wormhole-kit - transfer](https://github.com/zktx-io/wormhole-kit-monorepo/assets/57783762/f60fa88e-ded8-40d5-9174-f74d98be1ef2)
+[demonstration](https://github.com/zktx-io/wormhole-kit-monorepo/assets/57783762/9aca9012-41ea-4c06-be8e-7f120232b45f)
 
-### Redeem
-![@zktx io:wormhole-kit - redeem](https://github.com/zktx-io/wormhole-kit-monorepo/assets/57783762/e67fee28-72b6-48e0-b173-2a705ae266ab)
+## Getting started
+
+Get started with @zktx.io/wormhole-kit and learn by [developer docs](https://docs.zktx.io/wormhole-kit/)
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/demo-aptos/package.json b/packages/demo-aptos/package.json
@@ -1,14 +1,14 @@
 {
   "name": "demo-aptos",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "aptos demo",
   "private": true,
   "dependencies": {
     "@aptos-labs/wallet-adapter-react": "^2.3.5",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
-    "@zktx.io/wormhole-kit": "^0.1.9",
+    "@zktx.io/wormhole-kit": "^0.1.10",
     "notistack": "^3.0.1",
     "petra-plugin-wallet-adapter": "^0.4.5",
     "react": "^18.3.1",

diff --git a/packages/demo-celo/package.json b/packages/demo-celo/package.json
@@ -1,13 +1,13 @@
 {
   "name": "demo-celo",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "celo demo",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
-    "@zktx.io/wormhole-kit": "^0.1.9",
+    "@zktx.io/wormhole-kit": "^0.1.10",
     "notistack": "^3.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

diff --git a/packages/demo-celo/src/App.tsx b/packages/demo-celo/src/App.tsx
@@ -47,7 +47,7 @@ function App() {
       } catch (error) {
         enqueueSnackbar(`${JSON.stringify(error)}`, {
           variant: 'error',
-        });  
+        });
       }
     }
   };

diff --git a/packages/demo-solana/package.json b/packages/demo-solana/package.json
@@ -1,6 +1,6 @@
 {
   "name": "demo-solana",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "solana demo",
   "private": true,
   "dependencies": {
@@ -12,7 +12,7 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
-    "@zktx.io/wormhole-kit": "^0.1.9",
+    "@zktx.io/wormhole-kit": "^0.1.10",
     "browserify-zlib": "^0.2.0",
     "https-browserify": "^1.0.0",
     "notistack": "^3.0.1",

diff --git a/packages/demo-sui/package.json b/packages/demo-sui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "demo-sui",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "sui demo",
   "private": true,
   "dependencies": {
@@ -10,7 +10,7 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
-    "@zktx.io/wormhole-kit": "^0.1.9",
+    "@zktx.io/wormhole-kit": "^0.1.10",
     "notistack": "^3.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

diff --git a/packages/wormhole-kit-core/package.json b/packages/wormhole-kit-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@zktx.io/wormhole-kit-core",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "A suite of utilities used to implement bridges based on the Wormhole protocol.",
   "main": "lib/cjs/index.js",
   "types": "lib/cjs/index.d.ts",

diff --git a/packages/wormhole-kit/README.md b/packages/wormhole-kit/README.md
@@ -2,13 +2,7 @@
 
 **Wormhole Kit** is a React library that enables instant integration of [Wormhole](https://docs.wormhole.com/wormhole/reference/sdk-docs) into your dapp.
 
-### Transfer
-
-![@zktx io:wormhole-kit - transfer](https://github.com/zktx-io/wormhole-kit-monorepo/assets/57783762/f60fa88e-ded8-40d5-9174-f74d98be1ef2)
-
-### Redeem
-
-![@zktx io:wormhole-kit - redeem](https://github.com/zktx-io/wormhole-kit-monorepo/assets/57783762/e67fee28-72b6-48e0-b173-2a705ae266ab)
+[demonstration](https://github.com/zktx-io/wormhole-kit-monorepo/assets/57783762/9aca9012-41ea-4c06-be8e-7f120232b45f)
 
 ## Getting started
 

diff --git a/packages/wormhole-kit/package.json b/packages/wormhole-kit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@zktx.io/wormhole-kit",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "A suite of utilities used to implement bridges based on the Wormhole protocol.",
   "main": "lib/cjs/index.js",
   "types": "lib/cjs/index.d.ts",
@@ -76,7 +76,7 @@
     "@radix-ui/react-form": "^0.0.3",
     "@radix-ui/react-select": "^2.0.0",
     "@stitches/react": "^1.2.8",
-    "@zktx.io/wormhole-kit-core": "^0.1.9"
+    "@zktx.io/wormhole-kit-core": "^0.1.10"
   },
   "peerDependencies": {
     "react": "*"

diff --git a/packages/wormhole-kit/src/component/WhRedeemModal.tsx b/packages/wormhole-kit/src/component/WhRedeemModal.tsx
@@ -99,7 +99,10 @@ export const WhRedeemModal = ({
                   chains={api.supportChains().filter((item) => item !== chain)}
                   type="redeem"
                   disabled={loading}
-                  onSelect={setSource}
+                  onSelect={(chain) => {
+                    setSource(chain);
+                    setError('');
+                  }}
                 />
               </FormControl>
             </FormField>
@@ -113,7 +116,10 @@ export const WhRedeemModal = ({
                   mode={mode}
                   disabled={loading}
                   placeholder="paste in the transaction ID"
-                  onChange={(e) => setTxHash(e.target.value)}
+                  onChange={(e) => {
+                    setTxHash(e.target.value);
+                    setError('');
+                  }}
                 />
               </FormControl>
               {!!error && (

diff --git a/packages/wormhole-kit/src/component/WhTransferModal.tsx b/packages/wormhole-kit/src/component/WhTransferModal.tsx
@@ -120,7 +120,10 @@ export const WhTransferModal = ({
                   chains={api.supportChains().filter((item) => item !== chain)}
                   type="redeem"
                   disabled={loading}
-                  onSelect={setTarget}
+                  onSelect={(chain) => {
+                    setTarget(chain);
+                    setError('');
+                  }}
                 />
               </FormControl>
             </FormField>