admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IO-2700 Remove committed button for non-enhanced payroll on time ticket list.

Browse Source
This commit is contained in:
Patrick Fic
2024-03-19 09:48:30 -07:00
parent 2ea3a10c8b
commit 01a9e7dc34
1 changed files with 99 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
client/src/pages/time-tickets/time-tickets.container.jsx
View File

@@ -1,64 +1,72 @@
import {useQuery} from "@apollo/client"; import { useQuery } from '@apollo/client';
import {Col, Row, Space} from "antd"; import { Col, Row, Space } from 'antd';
import dayjs from "../../utils/day"; import dayjs from '../../utils/day';
import React, {useEffect} from "react"; import React, { useEffect } from 'react';
import {useTranslation} from "react-i18next"; import { useTranslation } from 'react-i18next';
import {connect} from "react-redux"; import { connect } from 'react-redux';
import {useSearchParams} from "react-router-dom"; import { useSearchParams } from 'react-router-dom';
import {createStructuredSelector} from "reselect"; import { createStructuredSelector } from 'reselect';
import AlertComponent from "../../components/alert/alert.component"; import AlertComponent from '../../components/alert/alert.component';
import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component"; import RbacWrapper from '../../components/rbac-wrapper/rbac-wrapper.component';
import TimeTicketsDatesSelector import TimeTicketsDatesSelector from '../../components/ticket-tickets-dates-selector/time-tickets-dates-selector.component';
from "../../components/ticket-tickets-dates-selector/time-tickets-dates-selector.component"; import TimeTicketList from '../../components/time-ticket-list/time-ticket-list.component';
import TimeTicketList from "../../components/time-ticket-list/time-ticket-list.component"; import TimeTicketsPayrollTable from '../../components/time-tickets-payroll-table/time-tickets-payroll-table.component';
import TimeTicketsPayrollTable from "../../components/time-tickets-payroll-table/time-tickets-payroll-table.component"; import TimeTicketsSummaryEmployees from '../../components/time-tickets-summary-employees/time-tickets-summary-employees.component';
import TimeTicketsSummaryEmployees import { QUERY_TIME_TICKETS_IN_RANGE } from '../../graphql/timetickets.queries';
from "../../components/time-tickets-summary-employees/time-tickets-summary-employees.component"; import TimeTicketsAttendanceTable from '../../components/time-tickets-attendance-table/time-tickets-attendance-table.component';
import {QUERY_TIME_TICKETS_IN_RANGE} from "../../graphql/timetickets.queries"; import { setBreadcrumbs, setSelectedHeader } from '../../redux/application/application.actions';
import TimeTicketsAttendanceTable import TimeTicketsCommit from '../../components/time-tickets-commit/time-tickets-commit.component';
from "../../components/time-tickets-attendance-table/time-tickets-attendance-table.component"; import FeatureWrapperComponent from '../../components/feature-wrapper/feature-wrapper.component';
import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
import TimeTicketsCommit from "../../components/time-tickets-commit/time-tickets-commit.component";
import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
import InstanceRenderManager from '../../utils/instanceRenderMgr'; import InstanceRenderManager from '../../utils/instanceRenderMgr';
import { useSplitTreatments } from '@splitsoftware/splitio-react';
import { selectBodyshop } from '../../redux/user/user.selectors';
const mapStateToProps = createStructuredSelector({}); const mapStateToProps = createStructuredSelector({
bodyshop:selectBodyshop
});
const mapDispatchToProps = (dispatch) => ({ const mapDispatchToProps = (dispatch) => ({
setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)), setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
setSelectedHeader: (key) => dispatch(setSelectedHeader(key)), setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
}); });
export function TimeTicketsContainer({ export function TimeTicketsContainer({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
bodyshop, const {
setBreadcrumbs, treatments: { Enhanced_Payroll },
setSelectedHeader, } = useSplitTreatments({
}) { attributes: {},
names: ['Enhanced_Payroll'],
splitKey: bodyshop.imexshopid,
});
const { t } = useTranslation(); const { t } = useTranslation();
const [searchParams] = useSearchParams(); const [searchParams] = useSearchParams();
const { start, end } = Object.fromEntries(searchParams); const { start, end } = Object.fromEntries(searchParams);
const startDate = start const startDate = start ? dayjs(start) : dayjs().startOf('week').subtract(7, 'day');
? dayjs(start) const endDate = end ? dayjs(end) : dayjs().endOf('week');
: dayjs().startOf("week").subtract(7, "day");
const endDate = end ? dayjs(end) : dayjs().endOf("week");
const { loading, error, data } = useQuery(QUERY_TIME_TICKETS_IN_RANGE, { const { loading, error, data } = useQuery(QUERY_TIME_TICKETS_IN_RANGE, {
variables: { variables: {
start: startDate, start: startDate,
end: endDate, end: endDate,
}, },
fetchPolicy: "network-only", fetchPolicy: 'network-only',
nextFetchPolicy: "network-only", nextFetchPolicy: 'network-only',
}); });
useEffect(() => { useEffect(() => {
document.title = t("titles.timetickets",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})} ); document.title = t('titles.timetickets', {
setSelectedHeader("timetickets"); app: InstanceRenderManager({
imex: '$t(titles.imexonline)',
rome: '$t(titles.romeonline)',
promanager: '$t(titles.promanager)',
}),
});
setSelectedHeader('timetickets');
setBreadcrumbs([ setBreadcrumbs([
{ {
link: "/manage/timetickets", link: '/manage/timetickets',
label: t("titles.bc.timetickets"), label: t('titles.bc.timetickets'),
}, },
]); ]);
}, [t, setBreadcrumbs, setSelectedHeader]); }, [t, setBreadcrumbs, setSelectedHeader]);
@@ -66,7 +74,7 @@ export function TimeTicketsContainer({
if (error) return <AlertComponent message={error.message} type="error" />; if (error) return <AlertComponent message={error.message} type="error" />;
return ( return (
<FeatureWrapperComponent featureName='timetickets'> <FeatureWrapperComponent featureName="timetickets">
<RbacWrapper action="timetickets:list"> <RbacWrapper action="timetickets:list">
<Row gutter={[16, 16]}> <Row gutter={[16, 16]}>
<Col span={24}> <Col span={24}>
@@ -77,7 +85,9 @@ export function TimeTicketsContainer({
<Space wrap> <Space wrap>
<TimeTicketsAttendanceTable /> <TimeTicketsAttendanceTable />
<TimeTicketsPayrollTable /> <TimeTicketsPayrollTable />
{Enhanced_Payroll.treatment === 'on' && (
<TimeTicketsCommit timetickets={data ? data.timetickets : []} /> <TimeTicketsCommit timetickets={data ? data.timetickets : []} />
)}
<TimeTicketsDatesSelector /> <TimeTicketsDatesSelector />
</Space> </Space>
} }
@@ -97,7 +107,4 @@ export function TimeTicketsContainer({
); );
} }
export default connect( export default connect(mapStateToProps, mapDispatchToProps)(TimeTicketsContainer);
mapStateToProps,
mapDispatchToProps
)(TimeTicketsContainer);