Files
imexmobile/components/screen-time-ticket-browser/screen-time-ticket-browser.component.jsx
2023-05-11 09:29:56 -04:00

65 lines
1.9 KiB
JavaScript

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