Added employee name to the employee field

components/screen-ap-time-ticket-list/screen-time-ticket-browser.component.jsx

@@ -1,11 +1,54 @@
 import React from "react";
 import { View, Text } from "react-native";
 
-export default function ScreenTimeTicketBrowser() {
+import { connect } from "react-redux";
+import { employeeGetRatesStart } from "../../redux/employee/employee.actions";
+import { createStructuredSelector } from "reselect";
+import {
+  selectCurrentEmployee,
+  selectRates,
+  selectGettingRates,
+  selectSignInError,
+} from "../../redux/employee/employee.selectors";
+import { Button } from "react-native-paper";
+
+const mapStateToProps = createStructuredSelector({
+  currentEmployee: selectCurrentEmployee,
+  theRates: selectRates,
+  loaderGettingRates: selectGettingRates,
+  signingError: selectSignInError,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  employeeGetRatesStart: (employeeId) =>
+    dispatch(employeeGetRatesStart({employeeId})),
+});
+
+export function ScreenTimeTicketBrowser({
+  loaderGettingRates,
+  currentEmployee,
+  employeeGetRatesStart,
+  signingError
+}) {
+
+
+  const getRates = (currentEmployee) => {
+    employeeGetRatesStart(currentEmployee.technician.id);
+  };
+
   return (
     <View>
       <Text>Time Ticket List goes here</Text>
-      
+      <Button
+                mode="outlined"
+                loading={loaderGettingRates}
+                onPress={getRates}
+              >
+                <Text>text here</Text>
+              </Button>
+              {signingError && <Text>signingError</Text>}
     </View>
   );
 }
+
+export default connect(mapStateToProps, mapDispatchToProps)(ScreenTimeTicketBrowser);

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

@@ -16,8 +16,9 @@ import DateTimePickerModal from "react-native-modal-datetime-picker";
 const mapStateToProps = createStructuredSelector({
   currentEmployee: selectCurrentEmployee,
 });
+const mapDispatchToProps = (dispatch) => ({})
 
-export function TimeTicketCreate() {
+export function TimeTicketCreate({currentEmployee}) {
   const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
   const [date2, setDate2] = useState(new Date());
 
@@ -47,7 +48,7 @@ export function TimeTicketCreate() {
           initialValues={{
             jobid: "",
             ticketdate: date2.toLocaleDateString(),
-            employee: "",
+            employee: currentEmployee.technician.first_name,
             costcenter: "",
             productivehours: "",
             actualhours: "",
@@ -139,7 +140,7 @@ export function TimeTicketCreate() {
   );
 }
 
-export default connect(null, null)(TimeTicketCreate);
+export default connect(mapStateToProps, null)(TimeTicketCreate);
 
 const localStyles = StyleSheet.create({
   content: {