b3ce40da7f
* frontend-monorepo-629: Made nav consistent with TFE and added focus-visible states * frontend-monorepo-629: Header icons working * frontend-monorepo-629: Tweak of header spacing * frontend-monorepo-629: Text styles and spacing on all routes bar governance * frontend-monorepo-629: Minor tweaks to font styles * frontend-monorepo-629: Removed import from older solution * frontend-monorepo-629: Evened up wallet padding to better suit the new button shadow styles * frontend-monorepo-629: White text and mono font where needed in the eth wallet * frontend-monorepo-629: Set only page header to use alpha lyrae * frontend-monorepo-629: More use of mono font for balances and some text alignment * frontend-monorepo-629: Keypair name element only rendered when name present * frontend-monorepo-629: Stopped header title overflow on small screens * frontend-monorepo-629: Button height established with padding to allow longer button text without overflow * frontend-monorepo-629: Mobile wallet title/key alignment improved for mobile * frontend-monorepo-629: Associated vega in wallet dark mode on * frontend-monorepo-629: Removed redundant classes on eth wallet connect button * frontend-monorepo-629: Vega wallet spacing tweaks
16 lines
467 B
TypeScript
16 lines
467 B
TypeScript
import { useTranslation } from 'react-i18next';
|
|
|
|
import { ConnectToVega } from '../../routes/staking/connect-to-vega';
|
|
|
|
export const ConnectedVegaKey = ({ pubKey }: { pubKey: string | null }) => {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<section>
|
|
<strong data-testid="connected-vega-key-label">
|
|
{pubKey ? t('Connected Vega key') : <ConnectToVega />}
|
|
</strong>
|
|
<p data-testid="connected-vega-key">{pubKey}</p>
|
|
</section>
|
|
);
|
|
};
|