const userId = context.accountId; const network1 = Storage.get("network1"); console.log(network1); const loggedIn = true; const connectedAccountId = [ { networkname: "Ethereum", chainId: "ethereum0001", accountID: 0x8efd7b62aff059615fb26b2cdb474c888c799d84, status: "Connected", }, { networkname: "Polygon", chainId: "polygon0001", accountID: 0x8efd7b62aff059615fb26b2cdb474c888c799d84, status: "Disconnected", }, ]; const Main = styled.div` @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@700&display=swap'); width:90%; margin: auto; h1{ text-align: center; font-size: 64px; font-weight: 700; line-height: 120%; margin-bottom: 16px; width: 1000px; margin: auto; } p{ text-align: center; } `; const ConnectWallet = styled.div` display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 22px 46px 21px 45px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.07); width: 100%; `; const Wallets = styled.div` display: flex; flex-direction: column; align-items: center; width: 594px; background: #FAFAFA; margin: auto; border-radius: 12px; gap: 32px; `; return ( <> <Main> <h1>Connect multiple ethereum wallets to a NEAR wallet</h1> <p>Connect an ethereum wallet now</p> <Wallets> <ConnectWallet> <Web3Connect /> </ConnectWallet> </Wallets> </Main> </> );