1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
metamask-extension/ui/pages/import-token/token-list/token-list-placeholder/token-list-placeholder.component.js

32 lines
964 B
JavaScript
Raw Normal View History

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Button from '../../../../components/ui/button';
import IconTokenSearch from '../../../../components/ui/icon/icon-token-search';
import ZENDESK_URLS from '../../../../helpers/constants/zendesk-url';
2018-05-20 08:04:19 +02:00
export default class TokenListPlaceholder extends Component {
static contextTypes = {
t: PropTypes.func,
};
2018-05-20 08:04:19 +02:00
2020-11-03 00:41:28 +01:00
render() {
2018-05-20 08:04:19 +02:00
return (
<div className="token-list-placeholder">
<IconTokenSearch size={64} color="var(--color-icon-muted)" />
2018-05-20 08:04:19 +02:00
<div className="token-list-placeholder__text">
2020-11-03 00:41:28 +01:00
{this.context.t('addAcquiredTokens')}
2018-05-20 08:04:19 +02:00
</div>
<Button
type="link"
2018-05-20 08:04:19 +02:00
className="token-list-placeholder__link"
href={ZENDESK_URLS.ADD_CUSTOM_TOKENS}
2018-05-20 08:04:19 +02:00
target="_blank"
rel="noopener noreferrer"
>
{this.context.t('learnMoreUpperCase')}
</Button>
2018-05-20 08:04:19 +02:00
</div>
);
2018-05-20 08:04:19 +02:00
}
}