diff --git a/src/components/User/Client/ClientShiftFormView.jsx b/src/components/User/Client/ClientShiftFormView.jsx index 3c63275..166309e 100644 --- a/src/components/User/Client/ClientShiftFormView.jsx +++ b/src/components/User/Client/ClientShiftFormView.jsx @@ -99,7 +99,7 @@ export const ClientShiftFormView = ({ showTimeSelect showTimeSelectOnly timeIntervals={30} - dateFormat="LT Z" + dateFormat="LT" timeFormat="h:mm a" placeholderText="Select shift start time" /> diff --git a/src/components/User/Client/ClientShifts.jsx b/src/components/User/Client/ClientShifts.jsx index 104189c..f6f8319 100644 --- a/src/components/User/Client/ClientShifts.jsx +++ b/src/components/User/Client/ClientShifts.jsx @@ -119,8 +119,10 @@ const ClientShiftsView = ({ const approvedOptions = [ { text: "Approved", value: true }, { text: "Rejected", value: false }, + { text: "Pending", value: "" }, { text: "All", value: null } ]; + const OLD_PEOPLE_TIME_FORMAT = "dddd, MMMM Do YYYY, h:mm a "; return (
Shifts
@@ -140,7 +142,7 @@ const ClientShiftsView = ({ {"Filter by Approval: "} {displayDuration} {`Rate $${price.amount}/hour`} @@ -265,14 +267,14 @@ const ClientShiftsView = ({ {"Checked in at " + checkedIn .local(false) - .format("dddd, MMMM Do YYYY, h:mm a Z")} + .format(OLD_PEOPLE_TIME_FORMAT)} {checkedOut && ( {"Checked out at " + checkedOut .local(false) - .format("dddd, MMMM Do YYYY, h:mm a Z")} + .format(OLD_PEOPLE_TIME_FORMAT)} )} diff --git a/src/components/User/Provider/ProviderShift.jsx b/src/components/User/Provider/ProviderShift.jsx index 27beced..1ecca96 100644 --- a/src/components/User/Provider/ProviderShift.jsx +++ b/src/components/User/Provider/ProviderShift.jsx @@ -112,6 +112,7 @@ const ProviderShiftFormView = ({ handleCheckInPShift, handleCheckOutPShift }) => { + const OLD_PEOPLE_TIME_FORMAT = "dddd, MMMM Do YYYY, h:mm a"; const employer = getEmployerFromPrice(shift.price, user) || {}; const client = employer.client || {}; const workType = getWorkTypeFromPrice(shift.price, user) || {}; @@ -157,7 +158,7 @@ const ProviderShiftFormView = ({ {"Scheduled at " + utc(shift.set_start, ISO_8601) .local(false) - .format("dddd, MMMM Do YYYY, h:mm a Z")} + .format(OLD_PEOPLE_TIME_FORMAT)} {displayDuration} {`Rate $${price.amount}/hour`} @@ -198,13 +199,13 @@ const ProviderShiftFormView = ({ {checkedIn && ( Checked In At:{" "} - {checkedIn.local(false).format("dddd, MMMM Do YYYY, h:mm a Z")} + {checkedIn.local(false).format(OLD_PEOPLE_TIME_FORMAT)} )} {checkedOut && ( Checked Out At:{" "} - {checkedOut.local(false).format("dddd, MMMM Do YYYY, h:mm a Z")} + {checkedOut.local(false).format(OLD_PEOPLE_TIME_FORMAT)} )} diff --git a/src/components/User/Provider/ProviderShifts.jsx b/src/components/User/Provider/ProviderShifts.jsx index 81b0c88..86df860 100644 --- a/src/components/User/Provider/ProviderShifts.jsx +++ b/src/components/User/Provider/ProviderShifts.jsx @@ -119,10 +119,12 @@ const ProviderShiftsView = ({ handlePaginationChange, handleChangePShiftApproval }) => { + const OLD_PEOPLE_TIME_FORMAT = "dddd, MMMM Do YYYY, h:mm a"; const { count = 0, results = [] } = pShiftRequestSuccess; const approvedOptions = [ { text: "Approved", value: true }, { text: "Rejected", value: false }, + { text: "Pending", value: "" }, { text: "All", value: null } ]; return ( @@ -133,7 +135,7 @@ const ProviderShiftsView = ({ {"Filter by Approval: "} {displayDuration} {`Rate $${price.amount}/hour`} @@ -214,9 +216,7 @@ const ProviderShiftsView = ({ {checkedIn && ( {"Checked in at: " + - checkedIn - .local(false) - .format("dddd, MMMM Do YYYY, h:mm a Z")} + checkedIn.local(false).format(OLD_PEOPLE_TIME_FORMAT)} )} {checkedOut && ( @@ -224,7 +224,7 @@ const ProviderShiftsView = ({ {"Checked out at: " + checkedOut .local(false) - .format("dddd, MMMM Do YYYY, h:mm a Z")} + .format(OLD_PEOPLE_TIME_FORMAT)} )}