updated costcenterselector

components/time-ticket/screen-time-ticket-create.component.jsx

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { Button, Dialog, TextInput } from "react-native-paper";
-import { SelectCostCenter } from "../Selects/select-cost-center";
+import { CostCenterSelect } from "../Selects/select-cost-center";
 import { JobSearchSelect } from "../Selects/select-job-name";
 import DateTimePickerModal from "react-native-modal-datetime-picker";
 import {
@@ -31,7 +31,8 @@ export function TimeTicketCreate({
 
   const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
   const [date2, setDate2] = useState(new Date());
-  const [costCenters, setCostCenters] = useState([]);
+
+  const [currentCC, setCurrentCC] = useState(null);
 
   const showDatePicker = () => {
     setDatePickerVisibility(true);
@@ -49,20 +50,6 @@ export function TimeTicketCreate({
     //TODO update with start call for create time ticket
   };
 
-  useEffect(() => {
-    if (typeof currentRatesNCostCenters !== 'undefined') {
-      var count = Object.keys(currentRatesNCostCenters).length;
-      let selectDataArray = [];
-      for (let i = 0; i < count; i++) {
-        selectDataArray.push({
-          value: currentRatesNCostCenters[i].cost_center,
-          label: currentRatesNCostCenters[i].cost_center,
-        });
-      }
-      setCostCenters(selectDataArray);
-   }
-  }, []);
-
   return (
     <View style={localStyles.content}>
       <ScrollView>
@@ -106,8 +93,7 @@ export function TimeTicketCreate({
                 label={"Employee"}
               />
 
-              <SelectCostCenter selectorData={costCenters} />
-           
+              <CostCenterSelect currentRatesNCostCenters={currentRatesNCostCenters} currentValue={currentCC} onValueSelected={setCurrentCC}/>
               <TextInput
                 style={localStyles.inputStyle}
                 mode="outlined"