diff --git a/packages/wallet-data/src/index.tsx b/packages/wallet-data/src/index.tsx index 5d146af..c8ab304 100644 --- a/packages/wallet-data/src/index.tsx +++ b/packages/wallet-data/src/index.tsx @@ -1,53 +1,53 @@ -import { ConnectButton } from '@soroban-react/connect-button' -import { SorobanContextType } from '@soroban-react/core' -import React from 'react' - -import { useNetwork } from './useNetwork' - -export interface WalletDataProps { - sorobanContext: SorobanContextType -} - -// TODO: Eliminate flash of unconnected content on loading -export function WalletData({ sorobanContext }: WalletDataProps) { - const useAccount = () => { - const { address } = sorobanContext - - if (!address) { - return {} - } - - return { - data: { - address, - displayName: `${address.slice(0, 4)}...${address.slice(-4)}`, - }, - } - } - - const { data: account } = useAccount() - - const { activeChain: chain, chains } = useNetwork(sorobanContext) - - const unsupportedChain = chain?.unsupported - - const styleDisplayData: any = { display: 'flex' } - - return ( - <> - {account ? ( -
- {chain && (chains.length > 1 || unsupportedChain) && ( -
- {chain.iconUrl} - {chain.name ?? chain.id} -
- )} -
{account.displayName}
-
- ) : ( - - )} - - ) -} +// import { ConnectButton } from '@soroban-react/connect-button' +// import { SorobanContextType } from '@soroban-react/core' +// import React from 'react' + +// import { useNetwork } from './useNetwork' + +// export interface WalletDataProps { +// sorobanContext: SorobanContextType +// } + +// // TODO: Eliminate flash of unconnected content on loading +// export function WalletData({ sorobanContext }: WalletDataProps) { +// const useAccount = () => { +// const { address } = sorobanContext + +// if (!address) { +// return {} +// } + +// return { +// data: { +// address, +// displayName: `${address.slice(0, 4)}...${address.slice(-4)}`, +// }, +// } +// } + +// const { data: account } = useAccount() + +// const { activeChain: chain, chains } = useNetwork(sorobanContext) + +// const unsupportedChain = chain?.unsupported + +// const styleDisplayData: any = { display: 'flex' } + +// return ( +// <> +// {account ? ( +//
+// {chain && (chains.length > 1 || unsupportedChain) && ( +//
+// {chain.iconUrl} +// {chain.name ?? chain.id} +//
+// )} +//
{account.displayName}
+//
+// ) : ( +// +// )} +// +// ) +// } diff --git a/packages/wallet-data/src/provideWalletChains.tsx b/packages/wallet-data/src/provideWalletChains.tsx index 6222c45..2da4888 100644 --- a/packages/wallet-data/src/provideWalletChains.tsx +++ b/packages/wallet-data/src/provideWalletChains.tsx @@ -1,41 +1,41 @@ -import type { WalletChain, ChainName } from '@soroban-react/types' +// import type { WalletChain, ChainName } from '@soroban-react/types' -// Sourced from https://github.com/tmm/wagmi/blob/main/packages/core/src/constants/chains.ts -// This is just so we can clearly see which of wagmi's first-class chains we provide metadata for -export const WalletChainByName: Record = { - public: { - id: 'public', - name: 'Public', - networkPassphrase: 'Public Global Stellar Network ; September 2015', - iconBackground: '#e84141', - // iconUrl: async () => (await import('./chainIcons/public.svg')).default, - }, - testnet: { - id: 'testnet', - name: 'Testnet', - networkPassphrase: 'Test SDF Network ; September 2015', - iconBackground: '#484c50', - // iconUrl: async () => (await import('./chainIcons/testnet.svg')).default, - }, - futurenet: { - id: 'futurenet', - name: 'Futurenet', - networkPassphrase: 'Test SDF Future Network ; October 2022', - iconBackground: '#96bedc', - // iconUrl: async () => (await import('./chainIcons/futurenet.svg')).default, - }, - sandbox: { - id: 'sandbox', - name: 'Sandbox', - networkPassphrase: 'Local Sandbox Stellar Network ; September 2022', - iconBackground: '#dac695', - // iconUrl: async () => (await import('./chainIcons/futurenet.svg')).default, - }, - standalone: { - id: 'standalone', - name: 'Standalone', - networkPassphrase: 'Standalone Network ; February 2017', - iconBackground: '#dac695', - // iconUrl: async () => (await import('./chainIcons/futurenet.svg')).default, - }, -} +// // Sourced from https://github.com/tmm/wagmi/blob/main/packages/core/src/constants/chains.ts +// // This is just so we can clearly see which of wagmi's first-class chains we provide metadata for +// export const WalletChainByName: Record = { +// public: { +// id: 'public', +// name: 'Public', +// networkPassphrase: 'Public Global Stellar Network ; September 2015', +// iconBackground: '#e84141', +// // iconUrl: async () => (await import('./chainIcons/public.svg')).default, +// }, +// testnet: { +// id: 'testnet', +// name: 'Testnet', +// networkPassphrase: 'Test SDF Network ; September 2015', +// iconBackground: '#484c50', +// // iconUrl: async () => (await import('./chainIcons/testnet.svg')).default, +// }, +// futurenet: { +// id: 'futurenet', +// name: 'Futurenet', +// networkPassphrase: 'Test SDF Future Network ; October 2022', +// iconBackground: '#96bedc', +// // iconUrl: async () => (await import('./chainIcons/futurenet.svg')).default, +// }, +// sandbox: { +// id: 'sandbox', +// name: 'Sandbox', +// networkPassphrase: 'Local Sandbox Stellar Network ; September 2022', +// iconBackground: '#dac695', +// // iconUrl: async () => (await import('./chainIcons/futurenet.svg')).default, +// }, +// standalone: { +// id: 'standalone', +// name: 'Standalone', +// networkPassphrase: 'Standalone Network ; February 2017', +// iconBackground: '#dac695', +// // iconUrl: async () => (await import('./chainIcons/futurenet.svg')).default, +// }, +// } diff --git a/packages/wallet-data/src/useIsMounted.tsx b/packages/wallet-data/src/useIsMounted.tsx index d71ffe1..c02985b 100644 --- a/packages/wallet-data/src/useIsMounted.tsx +++ b/packages/wallet-data/src/useIsMounted.tsx @@ -1,8 +1,8 @@ -import React from 'react' +// import React from 'react' -export function useIsMounted() { - const reducer = () => true - const [mounted, setMounted] = React.useReducer(reducer, false) - React.useEffect(setMounted, [setMounted]) - return mounted -} +// export function useIsMounted() { +// const reducer = () => true +// const [mounted, setMounted] = React.useReducer(reducer, false) +// React.useEffect(setMounted, [setMounted]) +// return mounted +// } \ No newline at end of file diff --git a/packages/wallet-data/src/useNetwork.tsx b/packages/wallet-data/src/useNetwork.tsx index 55cdee9..9fc856d 100644 --- a/packages/wallet-data/src/useNetwork.tsx +++ b/packages/wallet-data/src/useNetwork.tsx @@ -1,22 +1,22 @@ -import { SorobanContextType } from '@soroban-react/core' -import { WalletChain } from '@soroban-react/types' -import React from 'react' +// import { SorobanContextType } from '@soroban-react/core' +// import { WalletChain } from '@soroban-react/types' +// import React from 'react' -import * as SorobanClient from 'soroban-client' +// import * as SorobanClient from 'soroban-client' -import { WalletChainByName } from './provideWalletChains' +// import { WalletChainByName } from './provideWalletChains' -export type NetworkConfig = { - activeChain?: WalletChain - server?: SorobanClient.Server - chains: Array -} +// export type NetworkConfig = { +// activeChain?: WalletChain +// server?: SorobanClient.Server +// chains: Array +// } -export function useNetwork(sorobanContext: SorobanContextType): NetworkConfig { - const { activeChain, server } = sorobanContext - return { - activeChain, - server, - chains: Object.values(WalletChainByName), - } -} +// export function useNetwork(sorobanContext: SorobanContextType): NetworkConfig { +// const { activeChain, server } = sorobanContext +// return { +// activeChain, +// server, +// chains: Object.values(WalletChainByName), +// } +// }