27 lines
618 B
TypeScript
27 lines
618 B
TypeScript
import { useVegaWallet } from '@vegaprotocol/react-helpers';
|
|
|
|
interface VegaWalletButtonProps {
|
|
setConnectDialog: (isOpen: boolean) => void;
|
|
}
|
|
|
|
export const VegaWalletButton = ({
|
|
setConnectDialog,
|
|
}: VegaWalletButtonProps) => {
|
|
const { disconnect, keypairs } = useVegaWallet();
|
|
const isConnected = keypairs !== null;
|
|
|
|
const handleClick = () => {
|
|
if (isConnected) {
|
|
disconnect();
|
|
} else {
|
|
setConnectDialog(true);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<button onClick={handleClick} className="ml-auto inline-block p-8">
|
|
{isConnected ? 'Disconnect' : 'Connect Vega wallet'}
|
|
</button>
|
|
);
|
|
};
|