1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-11 20:27:12 +01:00
metamask-extension/ui/pages/add-token/token-list/token-list-placeholder/token-list-placeholder.component.js
2021-04-28 14:53:59 -05:00

30 lines
839 B
JavaScript

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Button from '../../../../components/ui/button';
export default class TokenListPlaceholder extends Component {
static contextTypes = {
t: PropTypes.func,
};
render() {
return (
<div className="token-list-placeholder">
<img src="images/tokensearch.svg" alt="" width="65" height="58" />
<div className="token-list-placeholder__text">
{this.context.t('addAcquiredTokens')}
</div>
<Button
type="link"
className="token-list-placeholder__link"
href="https://metamask.zendesk.com/hc/en-us/articles/360015489031"
target="_blank"
rel="noopener noreferrer"
>
{this.context.t('learnMore')}
</Button>
</div>
);
}
}