added timeticket redux

This commit is contained in:
jfrye122
2023-05-10 15:43:40 -04:00
parent c470508505
commit a90955b73d
14 changed files with 177 additions and 51 deletions

View File

@@ -6,8 +6,6 @@ const INITIAL_STATE = {
documentUploadInProgress: null,
documentUploadError: null,
deleteAfterUpload: false,
timeTicketJobId: null,
timeTicketJob: null,
};
const appReducer = (state = INITIAL_STATE, action) => {
@@ -45,16 +43,6 @@ const appReducer = (state = INITIAL_STATE, action) => {
...state,
deleteAfterUpload: !state.deleteAfterUpload,
};
case AppActionTypes.SET_TIME_TICKET_JOB_ID:
return {
...state,
timeTicketJobId: action.payload,
};
case AppActionTypes.SET_TIME_TICKET_JOB:
return {
...state,
timeTicketJob: action.payload,
};
default:
return state;
}

View File

@@ -5,7 +5,5 @@ const AppActionTypes = {
DOCUMENT_UPLOAD_SUCCESS: "DOCUMENT_UPLOAD_SUCCESS",
DOCUMENT_UPLOAD_FAILURE: "DOCUMENT_UPLOAD_FAILURE",
TOGGLE_DLETE_AFTER_UPLOAD: "TOGGLE_DLETE_AFTER_UPLOAD",
SET_TIME_TICKET_JOB: "SET_TIME_TICKET_JOB",
SET_TIME_TICKET_JOB_ID: "SET_TIME_TICKET_JOB_ID",
};
export default AppActionTypes;

View File

@@ -31,15 +31,4 @@ export const employeeGetRatesFailure = (error) => ({
type: EmployeeActionTypes.EMPLOYEE_GET_RATES_FAILURE,
payload: error,
});
export const timeTicketCreateStart = (timeTicket) => ({
type: EmployeeActionTypes.TIME_TICKET_CREATE_START,
payload: timeTicket,
});
export const timeTicketCreateSuccess = (insertTimeTickets) => ({
type: EmployeeActionTypes.TIME_TICKET_CREATE_SUCCESS,
payload: insertTimeTickets,
});
export const timeTicketCreateFailure = (error) => ({
type: EmployeeActionTypes.TIME_TICKET_CREATE_FAILURE,
payload: error,
});

View File

@@ -4,7 +4,6 @@ const INITIAL_STATE = {
currentEmployee: {
authorized: null,
technician: null,
rates:[],
},
signingIn: false,
gettingRates: false,

View File

@@ -6,9 +6,6 @@ const EmployeeActionTypes = {
EMPLOYEE_AUTHORIZING_SUCCESS: "EMPLOYEE_AUTHORIZING_SUCCESS",
EMPLOYEE_AUTHORIZING_FAILURE: "EMPLOYEE_AUTHORIZING_FAILURE",
EMPLOYEE_SIGN_OUT: "EMPLOYEE_SIGN_OUT",
TIME_TICKET_CREATE_START: "TIME_TICKET_CREATE_START",
TIME_TICKET_CREATE_SUCCESS: "TIME_TICKET_CREATE_SUCCESS",
TIME_TICKET_CREATE_FAILURE: "TIME_TICKET_CREATE_FAILURE",
EMPLOYEE_GET_RATES_START: "EMPLOYEE_GET_RATES_START",
EMPLOYEE_GET_RATES_SUCCESS: "EMPLOYEE_GET_RATES_SUCCESS",
EMPLOYEE_GET_RATES_FAILURE: "EMPLOYEE_GET_RATES_FAILURE",

View File

@@ -5,6 +5,7 @@ import appReducer from "./app/app.reducer";
import photosReducer from "./photos/photos.reducer";
import userReducer from "./user/user.reducer";
import employeeReducer from './employee/employee.reducer';
import timeTicketsReducer from './timetickets/timetickets.reducer';
const persistConfig = {
key: "root",
@@ -18,6 +19,7 @@ const rootReducer = combineReducers({
app: appReducer,
photos: photosReducer,
employee: employeeReducer,
timeTickets: timeTicketsReducer,
});
export default persistReducer(persistConfig, rootReducer);

View File

@@ -3,7 +3,8 @@ import { appSagas } from "./app/app.sagas";
import { photosSagas } from "./photos/photos.sagas";
import { userSagas } from "./user/user.sagas";
import { employeeSagas } from "./employee/employee.sagas";
import { timeTicketsSagas } from "./timetickets/timetickets.sagas";
export default function* rootSaga() {
yield all([call(userSagas), call(appSagas), call(photosSagas), call(employeeSagas)]);
yield all([call(userSagas), call(appSagas), call(photosSagas), call(employeeSagas), call(timeTicketsSagas)]);
}

View File

@@ -0,0 +1,25 @@
import TimeTicketsActionTypes from "./timetickets.types";
export const setTimeTicket = (timeTicket) => ({
type: TimeTicketsActionTypes.SET_TIME_TICKET,
payload: timeTicket,
});
export const setTimeTicketJobId = (jobId) => ({
type: TimeTicketsActionTypes.SET_TIME_TICKET_JOB_ID,
payload: jobId,
});
export const setTimeTicketJob = (job) => ({
type: TimeTicketsActionTypes.SET_TIME_TICKET_JOB,
payload: job,
});
export const timeTicketCreateStart = (timeTicket) => ({
type: TimeTicketsActionTypes.TIME_TICKET_CREATE_START,
payload: timeTicket,
});
export const timeTicketCreateSuccess = (insertTimeTickets) => ({
type: TimeTicketsActionTypes.TIME_TICKET_CREATE_SUCCESS,
payload: insertTimeTickets,
});
export const timeTicketCreateFailure = (error) => ({
type: TimeTicketsActionTypes.TIME_TICKET_CREATE_FAILURE,
payload: error,
});

View File

@@ -0,0 +1,51 @@
import TimeTicketsActionTypes from "./timetickets.types";
const INITIAL_STATE = {
timeTicket: null,
timeTickets: [],
timeTicketJobId: null,
timeTicketJob: null,
uploadTimeTicketInProgress: false,
uploadTimeTicketError: null,
};
const timeTicketsReducer = (state = INITIAL_STATE, action) => {
switch (action.type) {
case TimeTicketsActionTypes.SET_TIME_TICKET:
return {
...state,
timeTicket: action.payload,
};
case TimeTicketsActionTypes.SET_TIME_TICKET_JOB_ID:
return {
...state,
timeTicketJobId: action.payload,
};
case TimeTicketsActionTypes.SET_TIME_TICKET_JOB:
return {
...state,
timeTicketJob: action.payload,
};
case TimeTicketsActionTypes.TIME_TICKET_CREATE_START:
return {
...state,
uploadTimeTicketInProgress: true,
};
case TimeTicketsActionTypes.TIME_TICKET_CREATE_SUCCESS:
return {
...state, //TODO add logic here when successful
uploadTimeTicketInProgress: false,
uploadTimeTicketError: null,
};
case TimeTicketsActionTypes.TIME_TICKET_CREATE_FAILURE:
return {
...state,
uploadTimeTicketInProgress: false,
uploadTimeTicketError: action.payload,
};
default:
return state;
}
};
export default timeTicketsReducer;

View File

@@ -0,0 +1,51 @@
import {
timeTicketCreateFailure,
timeTicketCreateSuccess,
} from "./timetickets.actions";
import TimeTicketsActionTypes from "./timetickets.types";
import { client } from "../../graphql/client";
import { all, call, put, select, takeLatest } from "redux-saga/effects";
import { logImEXEvent } from "../../firebase/firebase.analytics";
import { selectCurrentTimeTicket } from "./timetickets.selectors";
import { INSERT_NEW_TIME_TICKET } from "../../graphql/timetickets.queries";
export function* onCreateTimeTicketStart() {
yield takeLatest(
TimeTicketsActionTypes.TIME_TICKET_CREATE_START,
insertNewTimeTicket
);
}
export function* insertNewTimeTicket({ payload: { timeticketinsert } }) {
try {
logImEXEvent("redux_insertnewtimeticket_attempt");
//console.loging
// console.log("Saga", employeeId, pin, pin);
const timeTicket = yield select(selectCurrentTimeTicket);
// const response = yield call(axios.post, "/tech/login", {
// shopid: bodyshop.id,
// employeeid: employeeId,
// pin: pin,
// });
// const { valid, data, error } = response.data;
const result = yield client.query({
query: INSERT_NEW_TIME_TICKET,
variables: {
id: employeeId,
},
});
const { valid, data, error } = result.data;
if (valid) {
yield put(timeTicketCreateSuccess(data));
} else {
yield put(timeTicketCreateFailure(error));
}
} catch (error) {
yield put(timeTicketCreateFailure(error));
}
}
export function* timeTicketsSagas() {
yield all([call(onCreateTimeTicketStart)]);
}

View File

@@ -0,0 +1,16 @@
import { createSelector } from "reselect";
const selectTimeTicketsState = (state) => state.TimeTickets;
export const selectCurrentTimeTicketJobId = createSelector(
[selectTimeTicketsState],
(TimeTickets) => TimeTickets.timeTicketJobId
);
export const selectCurrentTimeTicketJob = createSelector(
[selectTimeTicketsState],
(TimeTickets) => TimeTickets.timeTicketJob
);
export const selectCurrentTimeTicket = createSelector(
[selectTimeTicketsState],
(TimeTickets) => TimeTickets.timeTicket
);

View File

@@ -0,0 +1,9 @@
const TimeTicketsActionTypes = {
SET_TIME_TICKET: "SET_TIME_TICKET",
SET_TIME_TICKET_JOB: "SET_TIME_TICKET_JOB",
SET_TIME_TICKET_JOB_ID: "SET_TIME_TICKET_JOB_ID",
TIME_TICKET_CREATE_START: "TIME_TICKET_CREATE_START",
TIME_TICKET_CREATE_SUCCESS: "TIME_TICKET_CREATE_SUCCESS",
TIME_TICKET_CREATE_FAILURE: "TIME_TICKET_CREATE_FAILURE",
};
export default TimeTicketsActionTypes;