Jelajahi Sumber

Update env variables for backend routing. Improve Select Component's styles

Tatiana Inama 6 tahun lalu
induk
melakukan
891ac64cd5

+ 3 - 3
recipes/.env

@@ -1,5 +1,5 @@
 SASS_PATH=node_modules:src
 NODE_PATH=src/
-REACT_APP_API_RECIPES='http://192.168.2.178:3000/recipes'
-REACT_APP_API_PLANNER='http://192.168.2.178:3000/planner'
-REACT_APP_API_SHOPPING='http://192.168.2.178:3000/shopping'
+REACT_APP_API_RECIPES='http://192.168.2.199:3000/recipes'
+REACT_APP_API_PLANNER='http://192.168.2.199:3000/planner'
+REACT_APP_API_SHOPPING='http://192.168.2.199:3000/shopping'

+ 1 - 1
recipes/src/components/Select/index.tsx

@@ -40,7 +40,7 @@ class CBKSelect extends React.Component<CBKSelectProps> {
 }
 
 export const CBKSelect2: React.FunctionComponent<CBKSelectProps> = (props) => (
-  <select defaultValue={props.value || ''} className='cbk-select-2' onChange={props.onChange}>
+  <select defaultValue={props.value || ''} className='cbk-select-2' onChange={props.onChange} placeholder={props.label}>
     <option value='' disabled> {props.label} </option>
     { 
       props.options.map(option => (

+ 6 - 0
recipes/src/components/Select/styles.scss

@@ -24,4 +24,10 @@
   @include box();
   @include button-reset();
   @include button();
+  option {
+    &:focus,
+    &:checked {
+      background-color: $yellow;
+    }
+  }
 }