Vojtech Simetka
80 lines
2.4 KiB
TypeScript
80 lines
2.4 KiB
TypeScript
import { providers, Wallet } from 'ethers'
|
|
import { createContext, ReactElement, useEffect, useState } from 'react'
|
|
import { setJsonRpcInDesktop } from '../utils/desktop'
|
|
|
|
const LocalStorageKeys = {
|
|
providerUrl: 'json-rpc-provider',
|
|
depositWallet: 'deposit-wallet',
|
|
giftWallets: 'gift-wallets',
|
|
invitation: 'invitation',
|
|
}
|
|
|
|
interface ContextInterface {
|
|
providerUrl: string | null
|
|
provider: providers.JsonRpcProvider | null
|
|
giftWallets: Wallet[]
|
|
setProviderUrl: (providerUrl: string) => void
|
|
addGiftWallet: (wallet: Wallet) => void
|
|
}
|
|
|
|
const providerUrl = localStorage.getItem('json-rpc-provider') || null
|
|
|
|
const initialValues: ContextInterface = {
|
|
providerUrl,
|
|
provider: providerUrl ? new providers.JsonRpcProvider(providerUrl) : null,
|
|
giftWallets: [],
|
|
setProviderUrl: () => {}, // eslint-disable-line
|
|
addGiftWallet: () => {}, // eslint-disable-line
|
|
}
|
|
|
|
export const Context = createContext<ContextInterface>(initialValues)
|
|
export const Consumer = Context.Consumer
|
|
|
|
interface Props {
|
|
children: ReactElement
|
|
}
|
|
|
|
export function Provider({ children }: Props): ReactElement {
|
|
const [providerUrl, setProviderUrl] = useState(initialValues.providerUrl)
|
|
const [provider, setProvider] = useState(initialValues.provider)
|
|
const [giftWallets, setGiftWallets] = useState(initialValues.giftWallets)
|
|
|
|
useEffect(() => {
|
|
if (provider === null) return
|
|
|
|
const existingGiftWallets = localStorage.getItem(LocalStorageKeys.giftWallets)
|
|
|
|
if (existingGiftWallets) {
|
|
setGiftWallets(JSON.parse(existingGiftWallets).map((privateKey: string) => new Wallet(privateKey, provider)))
|
|
}
|
|
}, [provider])
|
|
|
|
function setAndPersistJsonRpcProvider(providerUrl: string) {
|
|
localStorage.setItem(LocalStorageKeys.providerUrl, providerUrl)
|
|
setProviderUrl(providerUrl)
|
|
setProvider(new providers.JsonRpcProvider(providerUrl))
|
|
// eslint-disable-next-line no-console
|
|
setJsonRpcInDesktop(providerUrl).catch(console.error)
|
|
}
|
|
|
|
function addGiftWallet(wallet: Wallet) {
|
|
const newArray = [...giftWallets, wallet]
|
|
localStorage.setItem(LocalStorageKeys.giftWallets, JSON.stringify(newArray.map(x => x.privateKey)))
|
|
setGiftWallets(newArray)
|
|
}
|
|
|
|
return (
|
|
<Context.Provider
|
|
value={{
|
|
providerUrl,
|
|
provider,
|
|
giftWallets,
|
|
setProviderUrl: setAndPersistJsonRpcProvider,
|
|
addGiftWallet,
|
|
}}
|
|
>
|
|
{children}
|
|
</Context.Provider>
|
|
)
|
|
}
|