Code Review
/
aai
/
sparky-fe.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
review
|
tree
raw
|
inline
| side by side
fixing styling for filter bar
[aai/sparky-fe.git]
/
src
/
generic-components
/
input
/
SelectInput.jsx
diff --git
a/src/generic-components/input/SelectInput.jsx
b/src/generic-components/input/SelectInput.jsx
index
13a1895
..
557f4cb
100644
(file)
--- a/
src/generic-components/input/SelectInput.jsx
+++ b/
src/generic-components/input/SelectInput.jsx
@@
-36,11
+36,12
@@
*/
import React, {Component} from 'react';
import Select from 'react-select';
*/
import React, {Component} from 'react';
import Select from 'react-select';
+import 'react-select/dist/react-select.css';
class SelectInput extends Component {
class SelectInput extends Component {
-
+
inputValue = [];
inputValue = [];
-
+
render() {
let {label, value, ...other} = this.props;
return (
render() {
let {label, value, ...other} = this.props;
return (
@@
-54,20
+55,20
@@
class SelectInput extends Component {
</div>
);
}
</div>
);
}
-
+
getValue() {
return this.inputValue && this.inputValue.length ? this.inputValue : '';
}
getValue() {
return this.inputValue && this.inputValue.length ? this.inputValue : '';
}
-
+
onSelectChanged(value) {
this.props.onMultiSelectChanged(value);
}
onSelectChanged(value) {
this.props.onMultiSelectChanged(value);
}
-
+
componentDidMount() {
let {value} = this.props;
this.inputValue = value ? value : [];
}
componentDidMount() {
let {value} = this.props;
this.inputValue = value ? value : [];
}
-
+
componentDidUpdate() {
if (this.inputValue !== this.props.value) {
this.inputValue = this.props.value;
componentDidUpdate() {
if (this.inputValue !== this.props.value) {
this.inputValue = this.props.value;