@@ -3,40 +3,38 @@ import Select from 'react-select';
3
3
4
4
const getSelected = ( data , selected ) => data . find ( ( item ) => item . value === selected ) ;
5
5
6
- const Dropdown = ( { data, selected, onChange } ) => {
7
- return (
8
- < Select
9
- options = { data }
10
- defaultValue = { getSelected ( data , selected ) }
11
- onChange = { onChange }
12
- styles = { {
13
- control : ( provided , state ) => {
14
- return {
15
- ...provided ,
16
- borderColor : state . isFocused ? '#89b290' : 'hsl(0,0%,80%)' ,
17
- boxShadow : 'none' ,
18
- '&:hover' : {
19
- borderColor : state . isFocused ? '#89b290' : '#dddddd' ,
20
- }
21
- } ;
22
- } ,
23
- option : ( provided , state ) => {
24
- const newState = {
25
- ...provided ,
26
- '&:active' : {
27
- backgroundColor : '#87c192'
28
- }
29
- } ;
30
- if ( state . isSelected ) {
31
- newState . backgroundColor = '#87c192' ;
32
- } else if ( state . isFocused ) {
33
- newState . backgroundColor = '#c9e5cf' ;
6
+ const Dropdown = ( { data, selected, onChange } ) => (
7
+ < Select
8
+ options = { data }
9
+ defaultValue = { getSelected ( data , selected ) }
10
+ onChange = { onChange }
11
+ styles = { {
12
+ control : ( provided , state ) => {
13
+ return {
14
+ ...provided ,
15
+ borderColor : state . isFocused ? '#89b290' : 'hsl(0,0%,80%)' ,
16
+ boxShadow : 'none' ,
17
+ '&:hover' : {
18
+ borderColor : state . isFocused ? '#89b290' : '#dddddd'
34
19
}
35
- return newState ;
20
+ } ;
21
+ } ,
22
+ option : ( provided , state ) => {
23
+ const newState = {
24
+ ...provided ,
25
+ '&:active' : {
26
+ backgroundColor : '#87c192'
27
+ }
28
+ } ;
29
+ if ( state . isSelected ) {
30
+ newState . backgroundColor = '#87c192' ;
31
+ } else if ( state . isFocused ) {
32
+ newState . backgroundColor = '#c9e5cf' ;
36
33
}
37
- } }
38
- />
39
- ) ;
40
- } ;
34
+ return newState ;
35
+ }
36
+ } }
37
+ />
38
+ ) ;
41
39
42
40
export default Dropdown ;
0 commit comments