37a6217169
* chore: break down components to smaller chunks for better performance * chore: break down components to smaller chunks for better performance * chore: break down components to smaller chunks for better performance - fix failing tests * chore: break down components to smaller chunks for better performance - adjust token app cases * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - small fixes * chore: break down components to smaller chunks for better performance - add nwe store for pageTitle * chore: break down components to smaller chunks for better performance - sm fix * chore: break down components to smaller chunks for better performance - sm fix * chore: break down components to smaller chunks for better performance - sm imprv * chore: break down components to smaller chunks for better performance - change prop names * chore: break down components to smaller chunks for better performance - fix some test * chore: break down components to smaller chunks for better performance - change cypress url * chore: break down components to smaller chunks for better perf - set back redundant changes * chore: resolve conflicts Co-authored-by: maciek <maciek@vegaprotocol.io>
36 lines
997 B
TypeScript
36 lines
997 B
TypeScript
import type { ReactNode } from 'react';
|
|
import { t } from '@vegaprotocol/react-helpers';
|
|
import { Button, Splash } from '@vegaprotocol/ui-toolkit';
|
|
import { useVegaWallet, useVegaWalletDialogStore } from '@vegaprotocol/wallet';
|
|
|
|
interface VegaWalletContainerProps {
|
|
children: ReactNode;
|
|
}
|
|
|
|
export const VegaWalletContainer = ({ children }: VegaWalletContainerProps) => {
|
|
const { openVegaWalletDialog } = useVegaWalletDialogStore((store) => ({
|
|
openVegaWalletDialog: store.openVegaWalletDialog,
|
|
}));
|
|
const { pubKey } = useVegaWallet();
|
|
|
|
if (!pubKey) {
|
|
return (
|
|
<Splash>
|
|
<div className="text-center">
|
|
<p className="mb-4" data-testid="connect-vega-wallet-text">
|
|
{t('Connect your Vega wallet')}
|
|
</p>
|
|
<Button
|
|
onClick={openVegaWalletDialog}
|
|
data-testid="vega-wallet-connect"
|
|
>
|
|
{t('Connect')}
|
|
</Button>
|
|
</div>
|
|
</Splash>
|
|
);
|
|
}
|
|
|
|
return <>{children}</>;
|
|
};
|