31 lines
1005 B
TypeScript
31 lines
1005 B
TypeScript
import React from 'react';
|
|
import { NameInput, NameResolve } from './components';
|
|
import TabSection from 'containers/TabSection';
|
|
import { donationAddressMap } from 'config';
|
|
import './index.scss';
|
|
import translate from 'translations';
|
|
|
|
export default class ENSClass extends React.Component<{}> {
|
|
public render() {
|
|
return (
|
|
<TabSection isUnavailableOffline={true}>
|
|
<div className="Tab-content">
|
|
<section className="Tab-content-pane">
|
|
<div className="ENS">
|
|
<h1 className="ENS-title">Ethereum Name Service</h1>
|
|
<p className="ENS-description">
|
|
{translate('ENS_DESCRIPTION', {
|
|
$ens_docs: 'https://ens.readthedocs.io/en/latest/introduction.html',
|
|
$example_donation_addr: donationAddressMap.ETH.substr(0, 8)
|
|
})}
|
|
</p>
|
|
<NameInput />
|
|
</div>
|
|
</section>
|
|
<NameResolve />
|
|
</div>
|
|
</TabSection>
|
|
);
|
|
}
|
|
}
|