diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-01-03 16:46:47 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-01-03 16:46:47 +0100 |
commit | 3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2 (patch) | |
tree | 450b9e21d0bfac2cdde28995a04a3643b3ea2a37 /packages/forms/src/error/index.tsx | |
parent | Add theme (diff) | |
download | ferdium-app-3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2.tar.gz ferdium-app-3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2.tar.zst ferdium-app-3fa0b0439c7dc49ffb2c4aff89e5a0f96aacf5e2.zip |
Add forms
Diffstat (limited to 'packages/forms/src/error/index.tsx')
-rw-r--r-- | packages/forms/src/error/index.tsx | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/packages/forms/src/error/index.tsx b/packages/forms/src/error/index.tsx new file mode 100644 index 000000000..3feaef7f6 --- /dev/null +++ b/packages/forms/src/error/index.tsx | |||
@@ -0,0 +1,32 @@ | |||
1 | import classnames from 'classnames'; | ||
2 | import { Classes } from 'jss'; | ||
3 | import { observer } from 'mobx-react'; | ||
4 | import React, { Component } from 'react'; | ||
5 | import injectSheet from 'react-jss'; | ||
6 | |||
7 | import styles from './styles'; | ||
8 | |||
9 | interface IProps { | ||
10 | classes: Classes; | ||
11 | message: string; | ||
12 | } | ||
13 | |||
14 | @observer | ||
15 | class Error extends Component<IProps> { | ||
16 | render() { | ||
17 | const { | ||
18 | classes, | ||
19 | message, | ||
20 | } = this.props; | ||
21 | |||
22 | return ( | ||
23 | <p | ||
24 | className={classes.message} | ||
25 | > | ||
26 | {message} | ||
27 | </p> | ||
28 | ); | ||
29 | } | ||
30 | } | ||
31 | |||
32 | export default injectSheet(styles)(Error); | ||