diff options
author | Markus Hatvan <markus_hatvan@aon.at> | 2021-09-13 14:45:46 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-09-13 14:45:46 +0200 |
commit | 537697a6e9757f118d09d9e76362ba1ff617e2c6 (patch) | |
tree | bc55447115e385137684e84697a8c15d2199b8d5 /src/components/ui/ToggleRaw.js | |
parent | Bumped up version to: 5.6.3-nightly.0 [skip ci] (diff) | |
download | ferdium-app-537697a6e9757f118d09d9e76362ba1ff617e2c6.tar.gz ferdium-app-537697a6e9757f118d09d9e76362ba1ff617e2c6.tar.zst ferdium-app-537697a6e9757f118d09d9e76362ba1ff617e2c6.zip |
chore: upgrade intl dependencies (#1920)
Diffstat (limited to 'src/components/ui/ToggleRaw.js')
-rw-r--r-- | src/components/ui/ToggleRaw.js | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/src/components/ui/ToggleRaw.js b/src/components/ui/ToggleRaw.js index 4700127d4..1fde879ac 100644 --- a/src/components/ui/ToggleRaw.js +++ b/src/components/ui/ToggleRaw.js | |||
@@ -6,7 +6,8 @@ import PropTypes from 'prop-types'; | |||
6 | import { observer } from 'mobx-react'; | 6 | import { observer } from 'mobx-react'; |
7 | import classnames from 'classnames'; | 7 | import classnames from 'classnames'; |
8 | 8 | ||
9 | export default @observer class ToggleRaw extends Component { | 9 | @observer |
10 | class ToggleRaw extends Component { | ||
10 | static propTypes = { | 11 | static propTypes = { |
11 | onChange: PropTypes.func.isRequired, | 12 | onChange: PropTypes.func.isRequired, |
12 | field: PropTypes.shape({ | 13 | field: PropTypes.shape({ |
@@ -34,12 +35,7 @@ export default @observer class ToggleRaw extends Component { | |||
34 | } | 35 | } |
35 | 36 | ||
36 | render() { | 37 | render() { |
37 | const { | 38 | const { field, className, showLabel, disabled } = this.props; |
38 | field, | ||
39 | className, | ||
40 | showLabel, | ||
41 | disabled, | ||
42 | } = this.props; | ||
43 | 39 | ||
44 | return ( | 40 | return ( |
45 | <div | 41 | <div |
@@ -64,12 +60,18 @@ export default @observer class ToggleRaw extends Component { | |||
64 | name={field.name} | 60 | name={field.name} |
65 | value={field.name} | 61 | value={field.name} |
66 | checked={field.value} | 62 | checked={field.value} |
67 | onChange={(e) => (!disabled ? this.onChange(e) : null)} | 63 | onChange={e => (!disabled ? this.onChange(e) : null)} |
68 | /> | 64 | /> |
69 | </label> | 65 | </label> |
70 | {field.error && <div className={field.error}>{field.error}</div>} | 66 | {field.error && <div className={field.error}>{field.error}</div>} |
71 | {field.label && showLabel && <label className="franz-form__label" htmlFor={field.id}>{field.label}</label>} | 67 | {field.label && showLabel && ( |
68 | <label className="franz-form__label" htmlFor={field.id}> | ||
69 | {field.label} | ||
70 | </label> | ||
71 | )} | ||
72 | </div> | 72 | </div> |
73 | ); | 73 | ); |
74 | } | 74 | } |
75 | } | 75 | } |
76 | |||
77 | export default ToggleRaw; | ||