deep-stack/laconic-wallet-web
3
0
Fork 0
forked from LaconicNetwork/laconic-wallet-web
Code Pull Requests Activity

Set default networks list on app start (#21)

Browse Source 
Part of https://www.notion.so/Simplify-login-flow-in-deploy-laconic-com-190a6b22d47280a9924cc38f8cf4c891

Co-authored-by: IshaVenikar <ishavenikar7@gmail.com>
Reviewed-on: cerc-io/laconic-wallet-web#21
Co-authored-by: Nabarun <nabarun@deepstacksoft.com>
Co-committed-by: Nabarun <nabarun@deepstacksoft.com>
This commit is contained in:
Nabarun 2025-02-12 09:17:56 +00:00 committed by nabarun
parent cbb28a6eb3
commit 0b4ceae6b2
3 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/context/NetworksContext.tsx
View File

@ -1,8 +1,9 @@
import React, { createContext, useContext, useEffect, useState } from 'react'; import React, { createContext, useContext, useEffect, useState } from 'react';
import { NetworksDataState } from '../types'; import { NetworksDataState } from '../types';
import { retrieveNetworksData, storeNetworkData } from '../utils/accounts'; import { retrieveNetworksData } from '../utils/accounts';
import { DEFAULT_NETWORKS, EIP155 } from '../utils/constants'; import { DEFAULT_NETWORKS, EIP155 } from '../utils/constants';
import { setInternetCredentials } from '../utils/key-store';
const NetworksContext = createContext<{ const NetworksContext = createContext<{
networksData: NetworksDataState[]; networksData: NetworksDataState[];
@ -27,28 +28,38 @@ const useNetworks = () => {
return networksContext; return networksContext;
}; };
const DEFAULT_NETWORKS_DATA = DEFAULT_NETWORKS.map((defaultNetwork, index) => (
{
...defaultNetwork,
networkId: index.toString()
})
);
const NetworksProvider = ({ children }: { children: React.ReactNode }) => { const NetworksProvider = ({ children }: { children: React.ReactNode }) => {
const [networksData, setNetworksData] = useState<NetworksDataState[]>([]); const [networksData, setNetworksData] = useState<NetworksDataState[]>(DEFAULT_NETWORKS_DATA);
const [networkType, setNetworkType] = useState<string>(EIP155); const [networkType, setNetworkType] = useState<string>(EIP155);
const [selectedNetwork, setSelectedNetwork] = useState<NetworksDataState>(); const [selectedNetwork, setSelectedNetwork] = useState<NetworksDataState>();
useEffect(() => { useEffect(() => {
const fetchData = async () => { const fetchData = async () => {
const retrievedNetworks = await retrieveNetworksData(); let retrievedNetworks = await retrieveNetworksData();
if (retrievedNetworks.length === 0) { if (retrievedNetworks.length === 0) {
for (const defaultNetwork of DEFAULT_NETWORKS) { setInternetCredentials(
await storeNetworkData(defaultNetwork); 'networks',
} '_',
JSON.stringify(DEFAULT_NETWORKS_DATA),
);
retrievedNetworks = DEFAULT_NETWORKS_DATA;
} }
const retrievedNewNetworks = await retrieveNetworksData();
setNetworksData(retrievedNewNetworks); setNetworksData(retrievedNetworks);
setSelectedNetwork(retrievedNewNetworks[0]); setSelectedNetwork(retrievedNetworks[0]);
}; };
if (networksData.length === 0) { fetchData();
fetchData(); }, []);
}
}, [networksData]);
useEffect(() => { useEffect(() => {
setSelectedNetwork(prevSelectedNetwork => { setSelectedNetwork(prevSelectedNetwork => {

4
src/utils/constants.ts
View File

@ -1,9 +1,11 @@
import { COSMOS_TESTNET_CHAINS } from './wallet-connect/COSMOSData'; import { COSMOS_TESTNET_CHAINS } from './wallet-connect/COSMOSData';
import { EIP155_CHAINS } from './wallet-connect/EIP155Data'; import { EIP155_CHAINS } from './wallet-connect/EIP155Data';
import { NetworksFormData } from '../types';
export const EIP155 = 'eip155'; export const EIP155 = 'eip155';
export const COSMOS = 'cosmos'; export const COSMOS = 'cosmos';
export const DEFAULT_NETWORKS = [
export const DEFAULT_NETWORKS: NetworksFormData[] = [
{ {
chainId: 'laconic-testnet-2', chainId: 'laconic-testnet-2',
networkName: 'laconicd testnet-2', networkName: 'laconicd testnet-2',

2
stack/stack-orchestrator/stack/laconic-wallet-web/README.md
View File

@ -66,7 +66,7 @@ Instructions for running the `laconic-wallet-web` using [laconic-so](https://git
# Deploy app URL used for checking origin of the messages for auto-sign-in route # Deploy app URL used for checking origin of the messages for auto-sign-in route
# Deploy app repo: https://git.vdb.to/cerc-io/snowballtools-base # Deploy app repo: https://git.vdb.to/cerc-io/snowballtools-base
REACT_APP_DEPLOY_APP_URL= CERC_DEPLOY_APP_URL=
``` ```
## Start the deployment ## Start the deployment