c4f8f4eab0
* MP-1757: implemented the WalletProvider and connect buttons * tidy: tidy up the search * MP-1691: moved modals outside of the DOM * MP-1691: changed CreditManager into AccountDetails * fix: fixed the naming * MP-1691: UX approvements * MP-1691: global confirm and delete modal added * fix: merged the credit-account and wallet branch * MP-1757: added the status store * fix: updated the store interaction * MP-1757: major cleanup of stores * tidy: format
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
|