30 lines
847 B
TypeScript
30 lines
847 B
TypeScript
|
import create from 'zustand';
|
||
|
|
import type { MetaMask } from '@web3-react/metamask';
|
||
|
|
import type { WalletConnect } from '@web3-react/walletconnect';
|
||
|
|
import type { Web3ReactHooks } from '@web3-react/core';
|
||
|
|
import type { Connector } from '@web3-react/types';
|
||
|
|
|
||
|
|
interface State {
|
||
|
|
isOpen: boolean;
|
||
|
|
connectors: [Connector, Web3ReactHooks][];
|
||
|
|
desiredChainId?: number;
|
||
|
|
}
|
||
|
|
interface Actions {
|
||
|
|
initialize: (
|
||
|
|
connectors: [MetaMask | WalletConnect, Web3ReactHooks][],
|
||
|
|
desiredChainId: number
|
||
|
|
) => void;
|
||
|
|
open: () => void;
|
||
|
|
close: () => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useWeb3ConnectStore = create<State & Actions>((set) => ({
|
||
|
|
isOpen: false,
|
||
|
|
connectors: [],
|
||
|
|
initialize: (connectors, desiredChainId) => {
|
||
|
|
set({ connectors, desiredChainId });
|
||
|
|
},
|
||
|
|
open: () => set(() => ({ isOpen: true })),
|
||
|
|
close: () => set(() => ({ isOpen: false })),
|
||
|
|
}));
|