src/features/shared/components/ErrorBanner/ErrorBanner.jsx

   1 import React from 'react'
   2 import styles from './ErrorBanner.scss'
   3
   4 class ErrorBanner extends React.Component {
   5   render() {
   6     const error = this.props.error || ''
   7     const success = this.props.success
   8     const message = error.chainMessage || error.message || error || success
   9
  10     return (
  11       <div className={success? styles.mainSuccess:  styles.main }>
  12         {this.props.title && <strong>{this.props.title}<br/></strong>}
  13
  14         {message &&
  15           <div className={(error.code || error.requestId) ? styles.message : ''}>
  16             {message}{error.detail ? `: ${error.detail}` : ''}
  17           </div>}
  18
  19         {error.code &&
  20           <div className={styles.extra}>Error Code: <strong>{error.code}</strong></div>}
  21
  22         {error.requestId &&
  23           <div className={styles.extra}>Request ID: <strong>{error.requestId}</strong></div>}
  24       </div>
  25     )
  26   }
  27 }
  28
  29 export default ErrorBanner