Replace Ethereum with Nitro in UI (#1)

Part of [laconicd testnet validator enrollment](https://www.notion.so/laconicd-testnet-validator-enrollment-6fc1d3cafcc64fef8c5ed3affa27c675)

Co-authored-by: IshaVenikar <ishavenikar7@gmail.com>
Reviewed-on: cerc-io/testnet-onboarding-app#1
Co-authored-by: Nabarun <nabarun@deepstacksoft.com>
Co-committed-by: Nabarun <nabarun@deepstacksoft.com>
This commit is contained in:
Nabarun 2024-07-16 09:01:47 +00:00 committed by nabarun
parent 2c46316ad0
commit 6e3f68c100
6 changed files with 15 additions and 14 deletions

View File

@ -1,5 +1,5 @@
# testnet-onboarding-app # testnet-onboarding-app
React app for onboarding participants to laconicd chain with Ethereum/Cosmos key attestation React app for onboarding participants to laconicd chain with Nitro/Cosmos key attestation
## Setup for testnet-onboarding-app ## Setup for testnet-onboarding-app

View File

@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@cerc-io/registry-sdk": "^0.2.1", "@cerc-io/registry-sdk": "^0.2.2",
"@cosmjs/stargate": "^0.32.4", "@cosmjs/stargate": "^0.32.4",
"@emotion/react": "^11.11.4", "@emotion/react": "^11.11.4",
"@emotion/styled": "^11.11.0", "@emotion/styled": "^11.11.0",

View File

@ -2,7 +2,7 @@ import React from "react";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import ConnectWallet from "./pages/ConnectWallet"; import ConnectWallet from "./pages/ConnectWallet";
import SignWithEthereum from "./pages/SignWithEthereum"; import SignWithNitroKey from "./pages/SignWithNitroKey";
import SignWithCosmos from "./pages/SignWithCosmos"; import SignWithCosmos from "./pages/SignWithCosmos";
import PageNotFound from "./pages/PageNotFound"; import PageNotFound from "./pages/PageNotFound";
import OnboardingSuccess from "./pages/OnboardingSuccess"; import OnboardingSuccess from "./pages/OnboardingSuccess";
@ -16,7 +16,7 @@ function App() {
<Routes> <Routes>
<Route path="/" element={<ConnectWallet />} /> <Route path="/" element={<ConnectWallet />} />
<Route element={<SignPageLayout />}> <Route element={<SignPageLayout />}>
<Route path="/sign-with-ethereum" element={<SignWithEthereum />} /> <Route path="/sign-with-nitro-key" element={<SignWithNitroKey />} />
<Route <Route
path="/sign-with-cosmos/:cosmosAddress/:ethSignature" path="/sign-with-cosmos/:cosmosAddress/:ethSignature"
element={<SignWithCosmos />} element={<SignWithCosmos />}

View File

@ -12,7 +12,7 @@ const ConnectWallet = () => {
useEffect(() => { useEffect(() => {
if (session) { if (session) {
navigate("/sign-with-ethereum"); navigate("/sign-with-nitro-key");
} }
}, [session, navigate]); }, [session, navigate]);

View File

@ -14,7 +14,7 @@ import { utf8ToHex } from "@walletconnect/encoding";
import { useWalletConnectContext } from "../context/WalletConnectContext"; import { useWalletConnectContext } from "../context/WalletConnectContext";
const SignWithEthereum = () => { const SignWithNitroKey = () => {
const { session, signClient, checkPersistedState } = const { session, signClient, checkPersistedState } =
useWalletConnectContext(); useWalletConnectContext();
@ -78,7 +78,7 @@ const SignWithEthereum = () => {
gap: "10px", gap: "10px",
}} }}
> >
<Typography variant="h5">Sign with ethereum key</Typography> <Typography variant="h5">Sign with Nitro key</Typography>
<Typography variant="body1">Select Cosmos account:</Typography> <Typography variant="body1">Select Cosmos account:</Typography>
<Select <Select
labelId="demo-simple-select-label" labelId="demo-simple-select-label"
@ -95,7 +95,7 @@ const SignWithEthereum = () => {
</MenuItem> </MenuItem>
))} ))}
</Select> </Select>
<Typography variant="body1">Select Ethereum account: </Typography> <Typography variant="body1">Select Nitro account: </Typography>
<Select <Select
labelId="demo-simple-select-label" labelId="demo-simple-select-label"
id="demo-simple-select" id="demo-simple-select"
@ -129,7 +129,7 @@ const SignWithEthereum = () => {
style={{ marginTop: "20px" }} style={{ marginTop: "20px" }}
loading={isLoading} loading={isLoading}
> >
Sign using Ethereum key Sign using Nitro key
</LoadingButton> </LoadingButton>
</Box> </Box>
<SnackbarProvider /> <SnackbarProvider />
@ -141,4 +141,4 @@ const SignWithEthereum = () => {
); );
}; };
export default SignWithEthereum; export default SignWithNitroKey;

View File

@ -1183,10 +1183,10 @@
resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39" resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw== integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
"@cerc-io/registry-sdk@^0.2.1": "@cerc-io/registry-sdk@^0.2.2":
version "0.2.1" version "0.2.2"
resolved "https://git.vdb.to/api/packages/cerc-io/npm/%40cerc-io%2Fregistry-sdk/-/0.2.1/registry-sdk-0.2.1.tgz#c25cbfc89e469197b18e960baa4204e9e5c5511c" resolved "https://git.vdb.to/api/packages/cerc-io/npm/%40cerc-io%2Fregistry-sdk/-/0.2.2/registry-sdk-0.2.2.tgz#2e8a533f069b4bb9f4cd4798e783f52e29167d0d"
integrity sha512-rshIFOaYVyKJu4MU0OATN0JLYrjue9xvQ4Eqnd2z03lS8WMh0gt1eJHzp8A8sxs1IP/jpb6mWXhmu0oQujO2Sg== integrity sha512-ocRMbWtdewOg02ORfK1U+qbTqB46anHP4ApXokGkY4d+mFSApR3sdUEi2geHcs8oh+SG8YAp7LUJ9AAJneNY8g==
dependencies: dependencies:
"@cosmjs/amino" "^0.28.1" "@cosmjs/amino" "^0.28.1"
"@cosmjs/crypto" "^0.28.1" "@cosmjs/crypto" "^0.28.1"
@ -13073,6 +13073,7 @@ workbox-window@6.6.1:
workbox-core "6.6.1" workbox-core "6.6.1"
"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
name wrap-ansi-cjs
version "7.0.0" version "7.0.0"
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==