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;