diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-09-16 14:50:17 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-09-20 05:31:10 +0800 |
commit | 44d4b5b5db021646ca26026d91ab2ef39153af37 (patch) | |
tree | 0dd83a45dfca49c1d9f7ac3c0864229a8f89d1f4 /ui/app/components/error-message/error-message.component.js | |
parent | 3c3fed46cb032f59cd30daae04c17475196cd5c9 (diff) | |
download | tangerine-wallet-browser-44d4b5b5db021646ca26026d91ab2ef39153af37.tar.gz tangerine-wallet-browser-44d4b5b5db021646ca26026d91ab2ef39153af37.tar.zst tangerine-wallet-browser-44d4b5b5db021646ca26026d91ab2ef39153af37.zip |
Refactor ConfirmPageContainerError to ErrorMessage
Diffstat (limited to 'ui/app/components/error-message/error-message.component.js')
-rw-r--r-- | ui/app/components/error-message/error-message.component.js | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/ui/app/components/error-message/error-message.component.js b/ui/app/components/error-message/error-message.component.js new file mode 100644 index 000000000..b4464c33b --- /dev/null +++ b/ui/app/components/error-message/error-message.component.js @@ -0,0 +1,30 @@ +import React from 'react' +import PropTypes from 'prop-types' + +const ErrorMessage = (props, context) => { + const { errorMessage, errorKey } = props + const error = errorKey ? context.t(errorKey) : errorMessage + + return ( + <div className="error-message"> + <img + src="/images/alert-red.svg" + className="error-message__icon" + /> + <div className="error-message__text"> + { `ALERT: ${error}` } + </div> + </div> + ) +} + +ErrorMessage.propTypes = { + errorMessage: PropTypes.string, + errorKey: PropTypes.string, +} + +ErrorMessage.contextTypes = { + t: PropTypes.func, +} + +export default ErrorMessage |