updated naming of screen timeticket browser

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

@@ -0,0 +1,65 @@
+import React from "react";
+import { View, Text } from "react-native";
+
+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";
+
+//temp
+import { useQuery } from "@apollo/client";
+import ErrorDisplay from "../error-display/error-display.component";
+
+
+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 employeeId = currentEmployee.technician.id;
+
+  // const { error, data } = useQuery(QUERY_EMPLOYEE_BY_ID, {
+  //   variables: { id: currentEmployee.technician.id },
+  // });
+  // const signingErrorMsg = error ? (<ErrorDisplay errorMessage={error.message} />) : null;
+ // const signingErrorMsg = signingError ? (<ErrorDisplay errorMessage={signingError} />) : null;
+
+  const getRates = (currentEmployee) => {
+    employeeGetRatesStart(currentEmployee.technician.id);
+  };
+
+  return (
+    <View>
+      <Text>Time Ticket List goes here</Text>
+      <Button
+                mode="outlined"
+                loading={loaderGettingRates}
+                onPress={() => getRates(currentEmployee)}
+              >
+                <Text>text here</Text>
+              </Button>
+              {/* {signingErrorMsg} */}
+    </View>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(ScreenTimeTicketBrowser);