diff options
Diffstat (limited to 'components/ErrorMessage.js')
| -rw-r--r-- | components/ErrorMessage.js | 32 |
1 files changed, 0 insertions, 32 deletions
diff --git a/components/ErrorMessage.js b/components/ErrorMessage.js deleted file mode 100644 index 12de51d..0000000 --- a/components/ErrorMessage.js +++ /dev/null @@ -1,32 +0,0 @@ -import styled from 'styled-components'; -import React from 'react'; - -import PropTypes from 'prop-types'; - -const StyledError = styled.div` - background: pink; - border: 2px solid red; - padding: 20px; - display: flex; - p { - margin: 0; - flex: 1 0 auto; - } -`; - -const DisplayError = props => { - if (!props.error || !props.error.message) return null; - return ( - <StyledError> - <p>{props.error.message}</p> - <button onClick={props.onButtonClick}>×</button> - </StyledError> - ); -}; - -DisplayError.propTypes = { - error: PropTypes.object.isRequired, - onButtonClick: PropTypes.func.isRequired, -}; - -export default DisplayError; |
