aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary')
-rw-r--r--ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js71
-rw-r--r--ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.js1
-rw-r--r--ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.scss54
3 files changed, 0 insertions, 126 deletions
diff --git a/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js b/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js
deleted file mode 100644
index 89ceb015f..000000000
--- a/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/confirm-page-container-summary.component.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classnames from 'classnames'
-import Identicon from '../../../identicon'
-
-const ConfirmPageContainerSummary = props => {
- const {
- action,
- title,
- titleComponent,
- subtitle,
- subtitleComponent,
- hideSubtitle,
- className,
- identiconAddress,
- nonce,
- assetImage,
- } = props
-
- return (
- <div className={classnames('confirm-page-container-summary', className)}>
- <div className="confirm-page-container-summary__action-row">
- <div className="confirm-page-container-summary__action">
- { action }
- </div>
- {
- nonce && (
- <div className="confirm-page-container-summary__nonce">
- { `#${nonce}` }
- </div>
- )
- }
- </div>
- <div className="confirm-page-container-summary__title">
- {
- identiconAddress && (
- <Identicon
- className="confirm-page-container-summary__identicon"
- diameter={36}
- address={identiconAddress}
- image={assetImage}
- />
- )
- }
- <div className="confirm-page-container-summary__title-text">
- { titleComponent || title }
- </div>
- </div>
- {
- hideSubtitle || <div className="confirm-page-container-summary__subtitle">
- { subtitleComponent || subtitle }
- </div>
- }
- </div>
- )
-}
-
-ConfirmPageContainerSummary.propTypes = {
- action: PropTypes.string,
- title: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- titleComponent: PropTypes.node,
- subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- subtitleComponent: PropTypes.node,
- hideSubtitle: PropTypes.bool,
- className: PropTypes.string,
- identiconAddress: PropTypes.string,
- nonce: PropTypes.string,
- assetImage: PropTypes.string,
-}
-
-export default ConfirmPageContainerSummary
diff --git a/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.js b/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.js
deleted file mode 100644
index ed1b28cf2..000000000
--- a/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './confirm-page-container-summary.component'
diff --git a/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.scss b/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.scss
deleted file mode 100644
index 7f0f5d37a..000000000
--- a/ui/app/components/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-.confirm-page-container-summary {
- padding: 16px 24px 0;
- background-color: #f9fafa;
- height: 133px;
- box-sizing: border-box;
-
- &__action-row {
- display: flex;
- justify-content: space-between;
- }
-
- &__action {
- text-transform: uppercase;
- color: $oslo-gray;
- font-size: .75rem;
- padding: 3px 8px;
- border: 1px solid $oslo-gray;
- border-radius: 4px;
- display: inline-block;
- }
-
- &__nonce {
- color: $oslo-gray;
- }
-
- &__title {
- padding: 4px 0;
- display: flex;
- align-items: center;
- }
-
- &__identicon {
- flex: 0 0 auto;
- margin-right: 8px;
- }
-
- &__title-text {
- font-size: 2.25rem;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- &__subtitle {
- color: $oslo-gray;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- &--border {
- border-bottom: 1px solid $geyser;
- }
-}