1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/pages/first-time-flow/welcome/beta-welcome-footer.component.js

53 lines
1.8 KiB
JavaScript
Raw Normal View History

2021-09-08 22:08:23 +02:00
import React from 'react';
import { useI18nContext } from '../../../hooks/useI18nContext';
import Typography from '../../../components/ui/typography/typography';
import {
TEXT_ALIGN,
FONT_WEIGHT,
} from '../../../helpers/constants/design-system';
2021-09-08 22:08:23 +02:00
const BetaWelcomeFooter = () => {
const t = useI18nContext();
return (
<>
<div className="welcome-page__header">{t('betaWelcome')}</div>
<div className="welcome-page__description">
<Typography align={TEXT_ALIGN.CENTER} marginBottom={6}>
{t('betaMetamaskDescription')}
</Typography>
<Typography
align={TEXT_ALIGN.CENTER}
marginBottom={6}
fontWeight={FONT_WEIGHT.BOLD}
>
{t('betaMetamaskDescriptionDisclaimerHeading')}
</Typography>
<Typography align={TEXT_ALIGN.CENTER} marginBottom={6}>
2021-09-08 22:08:23 +02:00
{t('betaMetamaskDescriptionExplanation', [
<a href="https://metamask.io/terms.html" key="terms-link">
{t('betaMetamaskDescriptionExplanationTermsLinkText')}
</a>,
<a href="https://metamask.io/beta-terms.html" key="beta-terms-link">
{t('betaMetamaskDescriptionExplanationBetaTermsLinkText')}
</a>,
])}
</Typography>
<Typography align={TEXT_ALIGN.CENTER}>
{t('betaMetamaskDescriptionExplanation2', [
<a href="https://metamask.io/terms.html" key="terms-link">
{t('betaMetamaskDescriptionExplanationTermsLinkText')}
</a>,
<a href="https://metamask.io/beta-terms.html" key="beta-terms-link">
{t('betaMetamaskDescriptionExplanation2BetaTermsLinkText')}
</a>,
])}
</Typography>
2021-09-08 22:08:23 +02:00
</div>
</>
);
};
export default BetaWelcomeFooter;