21 lines
622 B
TypeScript
21 lines
622 B
TypeScript
|
import { useWallet, WalletConnectionStatus } from '@marsprotocol/wallet-connector'
|
||
|
|
import { useEffect, useState } from 'react'
|
||
|
|
|
||
|
|
import { ConnectButton, ConnectedButton } from 'components/Wallet'
|
||
|
|
|
||
|
|
const Wallet = () => {
|
||
|
|
const { status } = useWallet()
|
||
|
|
const [isConnected, setIsConnected] = useState(false)
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const connectedStatus = status === WalletConnectionStatus.Connected
|
||
|
|
if (connectedStatus !== isConnected) {
|
||
|
|
setIsConnected(connectedStatus)
|
||
|
|
}
|
||
|
|
}, [status, isConnected])
|
||
|
|
|
||
|
|
return !isConnected ? <ConnectButton status={status} /> : <ConnectedButton />
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Wallet
|