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

4
src/utils/constants.ts
View File

@ -1,9 +1,11 @@
import { COSMOS_TESTNET_CHAINS } from './wallet-connect/COSMOSData';
import { EIP155_CHAINS } from './wallet-connect/EIP155Data';
import { NetworksFormData } from '../types';
export const EIP155 = 'eip155';
export const COSMOS = 'cosmos';
export const DEFAULT_NETWORKS = [
export const DEFAULT_NETWORKS: NetworksFormData[] = [
{
chainId: 'laconic-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 repo: https://git.vdb.to/cerc-io/snowballtools-base
REACT_APP_DEPLOY_APP_URL=
CERC_DEPLOY_APP_URL=
```
## Start the deployment