* 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
23 lines
613 B
TypeScript
23 lines
613 B
TypeScript
import { Link } from '@vegaprotocol/ui-toolkit';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { Links } from '../../config';
|
|
|
|
export const DownloadWalletPrompt = () => {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<>
|
|
<h3 className="mt-12 mb-4">{t('getWallet')}</h3>
|
|
<p className="mb-4">
|
|
<Link className="text-deemphasise" href={Links.WALLET_GUIDE}>
|
|
{t('readGuide')}
|
|
</Link>
|
|
</p>
|
|
<p className="mb-4">
|
|
<Link className="text-deemphasise" href={Links.WALLET_RELEASES}>
|
|
{t('downloadWallet')}
|
|
</Link>
|
|
</p>
|
|
</>
|
|
);
|
|
};
|