cerc-io/icns-frontend
16
0
Fork 0
forked from LaconicNetwork/icns-frontend
Code Pull Requests Actions Activity

Change chain list when changed keplr account

Browse Source
This commit is contained in:
HeesungB 2022-12-17 21:01:27 +09:00
parent 11a17e64b8
commit 7b8f4910bb
1 changed files with 60 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
pages/verification/index.tsx
View File

@ -53,7 +53,7 @@ import {
TWITTER_LOGIN_ERROR, TWITTER_LOGIN_ERROR,
} from "../../constants/error-message"; } from "../../constants/error-message";
import { makeClaimMessage, makeSetRecordMessage } from "../../messages"; import { makeClaimMessage, makeSetRecordMessage } from "../../messages";
import Axios, { AxiosError } from "axios"; import Axios from "axios";
import { BackButton } from "../../components/back-button"; import { BackButton } from "../../components/back-button";
export default function VerificationPage() { export default function VerificationPage() {
@ -82,6 +82,57 @@ export default function VerificationPage() {
const [isAgree, setIsAgree] = useState(false); const [isAgree, setIsAgree] = useState(false);
useEffect(() => { useEffect(() => {
init();
}, []);
useEffect(() => {
if (wallet) {
window.addEventListener("keplr_keystorechange", async () => {
init();
});
}
}, [wallet]);
useEffect(() => {
setAllChains({
chainId: "all chains",
chainName: "all chains",
prefix: `all chains(${chainList.length})`,
address: chainList.map((chain) => chain.chainName).join(", "),
chainImageUrl: AllChainsIcon,
});
}, [chainList]);
useEffect(() => {
const disabledChainList = chainList.filter((chain) => {
for (const registeredChain of registeredChainList) {
if (
chain.prefix === registeredChain.bech32_prefix &&
chain.address === registeredChain.address
) {
return true;
}
}
return false;
});
const filteredChainList = chainList.filter(
(chain) => !disabledChainList.includes(chain),
);
setAllChains({
chainId: "all chains",
chainName: "all chains",
prefix: `all chains(${filteredChainList.length})`,
address: filteredChainList.map((chain) => chain.chainName).join(", "),
chainImageUrl: AllChainsIcon,
});
setChainList(filteredChainList);
setDisabledChainList(disabledChainList);
}, [registeredChainList]);
const init = async () => { const init = async () => {
if (window.location.search) { if (window.location.search) {
try { try {
@ -133,49 +184,6 @@ export default function VerificationPage() {
} }
}; };
init();
}, []);
useEffect(() => {
setAllChains({
chainId: "all chains",
chainName: "all chains",
prefix: `all chains(${chainList.length})`,
address: chainList.map((chain) => chain.chainName).join(", "),
chainImageUrl: AllChainsIcon,
});
}, [chainList]);
useEffect(() => {
const disabledChainList = chainList.filter((chain) => {
for (const registeredChain of registeredChainList) {
if (
chain.prefix === registeredChain.bech32_prefix &&
chain.address === registeredChain.address
) {
return true;
}
}
return false;
});
const filteredChainList = chainList.filter(
(chain) => !disabledChainList.includes(chain),
);
setAllChains({
chainId: "all chains",
chainName: "all chains",
prefix: `all chains(${filteredChainList.length})`,
address: filteredChainList.map((chain) => chain.chainName).join(", "),
chainImageUrl: AllChainsIcon,
});
setChainList(filteredChainList);
setDisabledChainList(disabledChainList);
}, [registeredChainList]);
const initWallet = async () => { const initWallet = async () => {
const keplr = await getKeplrFromWindow(); const keplr = await getKeplrFromWindow();