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);