mirror of
https://github.com/status-im/ens-usernames.git
synced 2025-02-23 15:48:11 +00:00
8d4d00396e
* Fix redux store configuration * Setup i18n * Add welcome page french and english translation * Rename languages files * Add optimized translation * Add Ethereum network error message translation * Add top navbar translation * Add constants translation * Add move domain translation * Add translation to add domain * Add name lookup translation * Add display box translation * Add edit options translation * Add register sub domain translation * Add release domain translation * Add setup ens translation * Add update controller translation * Add test token translation * Add erc20 token translation * Add ens sub management translation * Add admin mode translation * Add terms translation
52 lines
1.5 KiB
JavaScript
52 lines
1.5 KiB
JavaScript
import lang from 'i18n-js';
|
|
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import { StyledButton } from '../../ui/components';
|
|
import StatusCards from '../../ui/icons/svg/intro_name.svg';
|
|
|
|
import './welcome.css';
|
|
|
|
const WelcomeContent = () => (
|
|
<div>
|
|
<div className="ens-welcome__guide"><span>{lang.t('welcome.how')}</span></div>
|
|
|
|
<ol className="ens-welcome__list">
|
|
<li className="item">
|
|
<div className="title">{lang.t('welcome.step.one.title')}</div>
|
|
<div className="text">
|
|
{lang.t('welcome.step.one.subtitle')}{' '}
|
|
<span className="ens-welcome__highlight">{lang.t('welcome.eth_address_example')}</span>
|
|
</div>
|
|
</li>
|
|
<li className="item">
|
|
<div className="title">{lang.t('welcome.step.two.title')}</div>
|
|
<div className="text">{lang.t('welcome.step.two.subtitle')}
|
|
</div>
|
|
</li>
|
|
<li className="item">
|
|
<div className="title">{lang.t('welcome.step.three.title')}</div>
|
|
<div className="text">{lang.t('welcome.step.three.subtitle')}</div>
|
|
</li>
|
|
</ol>
|
|
<div className="text-light">
|
|
<small>{lang.t('welcome.disclaimer')}</small>
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
const Welcome = () => (
|
|
<div className="ens-welcome">
|
|
<img className="ens-welcome__img" src={StatusCards} />
|
|
<h2 className="ens-welcome__title">{lang.t('welcome.title')}</h2>
|
|
<Link to="/search">
|
|
<StyledButton>
|
|
<div>{lang.t('welcome.cta')}</div>
|
|
</StyledButton>
|
|
</Link>
|
|
<WelcomeContent />
|
|
</div>
|
|
);
|
|
|
|
export default Welcome;
|