Error handling
This commit is contained in:
18
src/components/ErrorDetails/ErrorDetails.js
Normal file
18
src/components/ErrorDetails/ErrorDetails.js
Normal file
@@ -0,0 +1,18 @@
|
||||
import React from 'react';
|
||||
import Box from '../UI/Box/Box';
|
||||
import Button from '../UI/Button/Button';
|
||||
import CSSModules from 'react-css-modules';
|
||||
import styles from './ErrorDetails.css';
|
||||
|
||||
export default CSSModules((props) => {
|
||||
return (
|
||||
<Box dxStyle={{padding: '8px'}}>
|
||||
<h1 styleName='Heading'>Application Error</h1>
|
||||
<div styleName='Content'>
|
||||
<p>{props.error.toString()}</p>
|
||||
</div>
|
||||
<Button clicked={props.closed}>Dismiss</Button>
|
||||
</Box>
|
||||
);
|
||||
|
||||
}, styles, {allowMultiple: true});
|
||||
Reference in New Issue
Block a user