aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/provider-page-container/provider-page-container-content/provider-page-container-content.component.js
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/provider-page-container/provider-page-container-content/provider-page-container-content.component.js')
-rw-r--r--ui/app/components/provider-page-container/provider-page-container-content/provider-page-container-content.component.js77
1 files changed, 0 insertions, 77 deletions
diff --git a/ui/app/components/provider-page-container/provider-page-container-content/provider-page-container-content.component.js b/ui/app/components/provider-page-container/provider-page-container-content/provider-page-container-content.component.js
deleted file mode 100644
index 268db613f..000000000
--- a/ui/app/components/provider-page-container/provider-page-container-content/provider-page-container-content.component.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import PropTypes from 'prop-types'
-import React, {PureComponent} from 'react'
-import Identicon from '../../identicon'
-
-export default class ProviderPageContainerContent extends PureComponent {
- static propTypes = {
- origin: PropTypes.string.isRequired,
- selectedIdentity: PropTypes.string.isRequired,
- siteImage: PropTypes.string,
- siteTitle: PropTypes.string.isRequired,
- }
-
- static contextTypes = {
- t: PropTypes.func,
- };
-
- renderConnectVisual = () => {
- const { origin, selectedIdentity, siteImage, siteTitle } = this.props
-
- return (
- <div className="provider-approval-visual">
- <section>
- {siteImage ? (
- <img
- className="provider-approval-visual__identicon"
- src={siteImage}
- />
- ) : (
- <i className="provider-approval-visual__identicon--default">
- {siteTitle.charAt(0).toUpperCase()}
- </i>
- )}
- <h1>{siteTitle}</h1>
- <h2>{origin}</h2>
- </section>
- <span className="provider-approval-visual__check" />
- <section>
- <Identicon
- className="provider-approval-visual__identicon"
- address={selectedIdentity.address}
- diameter={64}
- />
- <h1>{selectedIdentity.name}</h1>
- </section>
- </div>
- )
- }
-
- render () {
- const { siteTitle } = this.props
- const { t } = this.context
-
- return (
- <div className="provider-approval-container__content">
- <section>
- <h2>{t('connectRequest')}</h2>
- {this.renderConnectVisual()}
- <h1>{t('providerRequest', [siteTitle])}</h1>
- <p>
- {t('providerRequestInfo')}
- <br/>
- <a
- href="https://medium.com/metamask/introducing-privacy-mode-42549d4870fa"
- target="_blank"
- rel="noopener noreferrer"
- >
- {t('learnMore')}.
- </a>
- </p>
- </section>
- <section className="secure-badge">
- <img src="/images/mm-secure.svg" />
- </section>
- </div>
- )
- }
-}