Skip to content

Commit a4bacfb

Browse files
sdqedesdqede
committed
fix dropdown issue
1 parent 4bdfedf commit a4bacfb

File tree

5 files changed

+1571
-89
lines changed

5 files changed

+1571
-89
lines changed

‎templates/chain-template/components/common/Header/ChainDropdown.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ export const ChainDropdown = () => {
1010
const { selectedChain } = useChainStore();
1111
const { isMobile } = useDetectBreakpoints();
1212
const { chain } = useChain(selectedChain);
13+
console.log('chain', chain);
1314
const { addChains, getChainLogoUrl, chains } = useWalletManager();
1415

1516
const [input, setInput] = useState<string>(chain?.prettyName ?? '');

‎templates/chain-template/components/common/Sidebar/NavItems.tsx‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,15 @@
11
import Link from 'next/link';
22
import { useRouter } from 'next/router';
3+
import dynamic from 'next/dynamic';
34
import { Box, Icon, IconName, Stack, Text } from '@interchain-ui/react';
4-
import { RiHome7Line, RiStackLine, RiQuillPenLine } from 'react-icons/ri';
5-
import { MdOutlineWaterDrop, MdOutlineHowToVote } from 'react-icons/md';
6-
import { LuFileJson } from 'react-icons/lu';
5+
6+
// Dynamically import icons with no SSR
7+
const RiHome7Line = dynamic(() => import('react-icons/ri').then(mod => mod.RiHome7Line), { ssr: false });
8+
const RiStackLine = dynamic(() => import('react-icons/ri').then(mod => mod.RiStackLine), { ssr: false });
9+
const RiQuillPenLine = dynamic(() => import('react-icons/ri').then(mod => mod.RiQuillPenLine), { ssr: false });
10+
const MdOutlineWaterDrop = dynamic(() => import('react-icons/md').then(mod => mod.MdOutlineWaterDrop), { ssr: false });
11+
const MdOutlineHowToVote = dynamic(() => import('react-icons/md').then(mod => mod.MdOutlineHowToVote), { ssr: false });
12+
const LuFileJson = dynamic(() => import('react-icons/lu').then(mod => mod.LuFileJson), { ssr: false });
713

814
type NavIcon = IconName | JSX.Element;
915

‎templates/chain-template/package.json‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
"@interchain-kit/leap-extension": "0.3.36",
2828
"@interchain-kit/metamask-extension": "0.3.36",
2929
"@interchain-kit/react": "0.3.36",
30-
"@interchain-ui/react": "^1.26.3",
30+
"@interchain-ui/react": "1.23.31",
3131
"@interchain-ui/react-no-ssr": "0.1.2",
3232
"@interchainjs/cosmos": "1.11.2",
3333
"@interchainjs/react": "1.11.2",
@@ -64,6 +64,5 @@
6464
"starshipjs": "^2.4.1",
6565
"typescript": "4.9.3",
6666
"yaml-loader": "^0.8.1"
67-
},
68-
"packageManager": "[email protected]"
69-
}
67+
}
68+
}

‎templates/chain-template/yarn.lock‎

Lines changed: 48 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -412,7 +412,7 @@ __metadata:
412412
languageName: node
413413
linkType: hard
414414

415-
"@floating-ui/core@npm:^1.6.4, @floating-ui/core@npm:^1.6.7":
415+
"@floating-ui/core@npm:^1.6.7":
416416
version: 1.6.9
417417
resolution: "@floating-ui/core@npm:1.6.9"
418418
dependencies:
@@ -431,7 +431,7 @@ __metadata:
431431
languageName: node
432432
linkType: hard
433433

434-
"@floating-ui/dom@npm:^1.6.10, @floating-ui/dom@npm:^1.6.7":
434+
"@floating-ui/dom@npm:^1.6.10":
435435
version: 1.6.13
436436
resolution: "@floating-ui/dom@npm:1.6.13"
437437
dependencies:
@@ -465,7 +465,7 @@ __metadata:
465465
languageName: node
466466
linkType: hard
467467

468-
"@floating-ui/react@npm:^0.26.19, @floating-ui/react@npm:^0.26.23":
468+
"@floating-ui/react@npm:^0.26.23":
469469
version: 0.26.28
470470
resolution: "@floating-ui/react@npm:0.26.28"
471471
dependencies:
@@ -486,20 +486,20 @@ __metadata:
486486
languageName: node
487487
linkType: hard
488488

489-
"@floating-ui/utils@npm:^0.2.4, @floating-ui/utils@npm:^0.2.8, @floating-ui/utils@npm:^0.2.9":
490-
version: 0.2.9
491-
resolution: "@floating-ui/utils@npm:0.2.9"
492-
checksum: 10c0/48bbed10f91cb7863a796cc0d0e917c78d11aeb89f98d03fc38d79e7eb792224a79f538ed8a2d5d5584511d4ca6354ef35f1712659fd569868e342df4398ad6f
493-
languageName: node
494-
linkType: hard
495-
496489
"@floating-ui/utils@npm:^0.2.7":
497490
version: 0.2.7
498491
resolution: "@floating-ui/utils@npm:0.2.7"
499492
checksum: 10c0/0559ea5df2dc82219bad26e3509e9d2b70f6987e552dc8ddf7d7f5923cfeb7c44bf884567125b1f9cdb122a4c7e6e7ddbc666740bc30b0e4091ccbca63c6fb1c
500493
languageName: node
501494
linkType: hard
502495

496+
"@floating-ui/utils@npm:^0.2.8, @floating-ui/utils@npm:^0.2.9":
497+
version: 0.2.9
498+
resolution: "@floating-ui/utils@npm:0.2.9"
499+
checksum: 10c0/48bbed10f91cb7863a796cc0d0e917c78d11aeb89f98d03fc38d79e7eb792224a79f538ed8a2d5d5584511d4ca6354ef35f1712659fd569868e342df4398ad6f
500+
languageName: node
501+
linkType: hard
502+
503503
"@formatjs/ecma402-abstract@npm:1.18.2":
504504
version: 1.18.2
505505
resolution: "@formatjs/ecma402-abstract@npm:1.18.2"
@@ -594,7 +594,7 @@ __metadata:
594594
"@interchain-kit/leap-extension": "npm:0.3.36"
595595
"@interchain-kit/metamask-extension": "npm:0.3.36"
596596
"@interchain-kit/react": "npm:0.3.36"
597-
"@interchain-ui/react": "npm:1.23.31"
597+
"@interchain-ui/react": "npm:^1.26.3"
598598
"@interchain-ui/react-no-ssr": "npm:0.1.2"
599599
"@interchainjs/cosmos": "npm:1.11.2"
600600
"@interchainjs/react": "npm:1.11.2"
@@ -718,44 +718,46 @@ __metadata:
718718
languageName: node
719719
linkType: hard
720720

721-
"@interchain-ui/react@npm:1.23.31":
722-
version: 1.23.31
723-
resolution: "@interchain-ui/react@npm:1.23.31"
721+
"@interchain-ui/react@npm:1.26.1":
722+
version: 1.26.1
723+
resolution: "@interchain-ui/react@npm:1.26.1"
724724
dependencies:
725-
"@floating-ui/core": "npm:^1.6.4"
726-
"@floating-ui/dom": "npm:^1.6.7"
727-
"@floating-ui/react": "npm:^0.26.19"
725+
"@floating-ui/core": "npm:^1.6.7"
726+
"@floating-ui/dom": "npm:^1.6.10"
727+
"@floating-ui/react": "npm:^0.26.23"
728728
"@floating-ui/react-dom": "npm:^2.1.1"
729-
"@floating-ui/utils": "npm:^0.2.4"
729+
"@floating-ui/utils": "npm:^0.2.7"
730730
"@formkit/auto-animate": "npm:^0.8.2"
731-
"@react-aria/listbox": "npm:^3.12.1"
732-
"@react-aria/overlays": "npm:^3.22.1"
733-
"@react-aria/utils": "npm:^3.24.1"
734-
"@tanstack/react-virtual": "npm:^3.8.3"
735-
"@vanilla-extract/css": "npm:^1.15.3"
736-
"@vanilla-extract/dynamic": "npm:^2.1.1"
737-
"@vanilla-extract/recipes": "npm:^0.5.3"
731+
"@react-aria/listbox": "npm:^3.13.3"
732+
"@react-aria/overlays": "npm:^3.23.2"
733+
"@react-aria/utils": "npm:^3.25.2"
734+
"@tanstack/react-virtual": "npm:^3.10.5"
735+
"@vanilla-extract/css": "npm:^1.15.5"
736+
"@vanilla-extract/css-utils": "npm:^0.1.4"
737+
"@vanilla-extract/dynamic": "npm:^2.1.2"
738+
"@vanilla-extract/private": "npm:^1.0.6"
739+
"@vanilla-extract/recipes": "npm:^0.5.5"
738740
animejs: "npm:^3.2.2"
739741
bignumber.js: "npm:^9.1.2"
740742
client-only: "npm:^0.0.1"
741743
clsx: "npm:^2.1.1"
742744
copy-to-clipboard: "npm:^3.3.3"
743745
immer: "npm:^10.1.1"
744746
lodash: "npm:^4.17.21"
745-
rainbow-sprinkles: "npm:^0.17.2"
746-
react-aria: "npm:^3.33.1"
747-
react-stately: "npm:^3.31.1"
748-
zustand: "npm:^4.5.4"
747+
rainbow-sprinkles: "npm:^0.17.3"
748+
react-aria: "npm:^3.34.3"
749+
react-stately: "npm:^3.32.2"
750+
zustand: "npm:^4.5.5"
749751
peerDependencies:
750752
react: ^16.14.0 || ^17.0.0 || ^18.0.0
751753
react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0
752-
checksum: 10c0/b8ec3c81035651de08958aeb1497e423e02643f2b1e3fc1fc80b09396f017b2769e94de3b1f6cb44ef9852d8fa8ac890d82e86c23291a029961332000cccc2de
754+
checksum: 10c0/6d81a248ff777dce9ca7202af9ff1fd12e262e97fe4281f0e7afcb957d072dc9fc145c06b0eaf14cf27c2d28e023a0b4efcee6d9da565d5d29f72d43e29cf85b
753755
languageName: node
754756
linkType: hard
755757

756-
"@interchain-ui/react@npm:1.26.1":
757-
version: 1.26.1
758-
resolution: "@interchain-ui/react@npm:1.26.1"
758+
"@interchain-ui/react@npm:^1.26.3":
759+
version: 1.26.3
760+
resolution: "@interchain-ui/react@npm:1.26.3"
759761
dependencies:
760762
"@floating-ui/core": "npm:^1.6.7"
761763
"@floating-ui/dom": "npm:^1.6.10"
@@ -784,9 +786,9 @@ __metadata:
784786
react-stately: "npm:^3.32.2"
785787
zustand: "npm:^4.5.5"
786788
peerDependencies:
787-
react: ^16.14.0 || ^17.0.0 || ^18.0.0
788-
react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0
789-
checksum: 10c0/6d81a248ff777dce9ca7202af9ff1fd12e262e97fe4281f0e7afcb957d072dc9fc145c06b0eaf14cf27c2d28e023a0b4efcee6d9da565d5d29f72d43e29cf85b
789+
react: ^18.0.0 || ^19.0.0
790+
react-dom: ^18.0.0 || ^19.0.0
791+
checksum: 10c0/ddaa102086db5457a435d7c17ed27f2dcb78f5c7a399a553ef3b52abbd765cbbc49d274d288a93661d49d2914ea6f2f9ef8f8078a09e9149c11e6ebb0c1892e2
790792
languageName: node
791793
linkType: hard
792794

@@ -2161,7 +2163,7 @@ __metadata:
21612163
languageName: node
21622164
linkType: hard
21632165

2164-
"@react-aria/listbox@npm:^3.12.1, @react-aria/listbox@npm:^3.13.3, @react-aria/listbox@npm:^3.14.0":
2166+
"@react-aria/listbox@npm:^3.13.3, @react-aria/listbox@npm:^3.14.0":
21652167
version: 3.14.0
21662168
resolution: "@react-aria/listbox@npm:3.14.0"
21672169
dependencies:
@@ -2251,7 +2253,7 @@ __metadata:
22512253
languageName: node
22522254
linkType: hard
22532255

2254-
"@react-aria/overlays@npm:^3.22.1, @react-aria/overlays@npm:^3.23.2, @react-aria/overlays@npm:^3.25.0":
2256+
"@react-aria/overlays@npm:^3.23.2, @react-aria/overlays@npm:^3.25.0":
22552257
version: 3.25.0
22562258
resolution: "@react-aria/overlays@npm:3.25.0"
22572259
dependencies:
@@ -2588,7 +2590,7 @@ __metadata:
25882590
languageName: node
25892591
linkType: hard
25902592

2591-
"@react-aria/utils@npm:^3.24.1, @react-aria/utils@npm:^3.25.2, @react-aria/utils@npm:^3.27.0":
2593+
"@react-aria/utils@npm:^3.25.2, @react-aria/utils@npm:^3.27.0":
25922594
version: 3.27.0
25932595
resolution: "@react-aria/utils@npm:3.27.0"
25942596
dependencies:
@@ -3482,32 +3484,13 @@ __metadata:
34823484
languageName: node
34833485
linkType: hard
34843486

3485-
"@tanstack/react-virtual@npm:^3.8.3":
3486-
version: 3.13.0
3487-
resolution: "@tanstack/react-virtual@npm:3.13.0"
3488-
dependencies:
3489-
"@tanstack/virtual-core": "npm:3.13.0"
3490-
peerDependencies:
3491-
react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
3492-
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
3493-
checksum: 10c0/89eaf76294be3cfe294304859db2b0f7364a9bf8934849e42cb8ef08435dfb28f5504d57b08b30426a811f127f8f6320ec6c14aa7fcd304bde4fbfeaef04bc36
3494-
languageName: node
3495-
linkType: hard
3496-
34973487
"@tanstack/virtual-core@npm:3.12.1":
34983488
version: 3.12.1
34993489
resolution: "@tanstack/virtual-core@npm:3.12.1"
35003490
checksum: 10c0/0c5be339110d2ef2b1e08a9d64559a68ac8223389f98cdfc0da94f12eb8d91b5752c345b9ec190138bfe6aeca19db7bd78397fd0660dacdb58bc7073282012ae
35013491
languageName: node
35023492
linkType: hard
35033493

3504-
"@tanstack/virtual-core@npm:3.13.0":
3505-
version: 3.13.0
3506-
resolution: "@tanstack/virtual-core@npm:3.13.0"
3507-
checksum: 10c0/88ff5fbd59b449e2ec2cafa9cac1ea6f449d84a593fb869ad9e8a467813e9060d4065517c5657c2de765c165453bb336751641cf670cb27143d51791bbfedc3a
3508-
languageName: node
3509-
linkType: hard
3510-
35113494
"@types/debug@npm:^4.0.0":
35123495
version: 4.1.12
35133496
resolution: "@types/debug@npm:4.1.12"
@@ -3753,7 +3736,7 @@ __metadata:
37533736
languageName: node
37543737
linkType: hard
37553738

3756-
"@vanilla-extract/css@npm:^1.15.3, @vanilla-extract/css@npm:^1.15.5":
3739+
"@vanilla-extract/css@npm:^1.15.5":
37573740
version: 1.17.1
37583741
resolution: "@vanilla-extract/css@npm:1.17.1"
37593742
dependencies:
@@ -3773,7 +3756,7 @@ __metadata:
37733756
languageName: node
37743757
linkType: hard
37753758

3776-
"@vanilla-extract/dynamic@npm:^2.1.1, @vanilla-extract/dynamic@npm:^2.1.2":
3759+
"@vanilla-extract/dynamic@npm:^2.1.2":
37773760
version: 2.1.2
37783761
resolution: "@vanilla-extract/dynamic@npm:2.1.2"
37793762
dependencies:
@@ -3789,7 +3772,7 @@ __metadata:
37893772
languageName: node
37903773
linkType: hard
37913774

3792-
"@vanilla-extract/recipes@npm:^0.5.3, @vanilla-extract/recipes@npm:^0.5.5":
3775+
"@vanilla-extract/recipes@npm:^0.5.5":
37933776
version: 0.5.5
37943777
resolution: "@vanilla-extract/recipes@npm:0.5.5"
37953778
peerDependencies:
@@ -8723,7 +8706,7 @@ __metadata:
87238706
languageName: node
87248707
linkType: hard
87258708

8726-
"rainbow-sprinkles@npm:^0.17.2, rainbow-sprinkles@npm:^0.17.3":
8709+
"rainbow-sprinkles@npm:^0.17.3":
87278710
version: 0.17.3
87288711
resolution: "rainbow-sprinkles@npm:0.17.3"
87298712
peerDependencies:
@@ -8749,7 +8732,7 @@ __metadata:
87498732
languageName: node
87508733
linkType: hard
87518734

8752-
"react-aria@npm:^3.33.1, react-aria@npm:^3.34.3":
8735+
"react-aria@npm:^3.34.3":
87538736
version: 3.37.0
87548737
resolution: "react-aria@npm:3.37.0"
87558738
dependencies:
@@ -8861,7 +8844,7 @@ __metadata:
88618844
languageName: node
88628845
linkType: hard
88638846

8864-
"react-stately@npm:^3.31.1, react-stately@npm:^3.32.2":
8847+
"react-stately@npm:^3.32.2":
88658848
version: 3.35.0
88668849
resolution: "react-stately@npm:3.35.0"
88678850
dependencies:
@@ -10481,7 +10464,7 @@ __metadata:
1048110464
languageName: node
1048210465
linkType: hard
1048310466

10484-
"zustand@npm:^4.5.4, zustand@npm:^4.5.5":
10467+
"zustand@npm:^4.5.5":
1048510468
version: 4.5.6
1048610469
resolution: "zustand@npm:4.5.6"
1048710470
dependencies:

0 commit comments

Comments
 (0)