61 lines
2.1 KiB
JavaScript
61 lines
2.1 KiB
JavaScript
import React, { useEffect, useState } from 'react';
|
|
|
|
import { LockOutlined } from '@ant-design/icons';
|
|
import { Card, Form, Input } from 'antd';
|
|
import axios from 'axios';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { connect } from 'react-redux';
|
|
import { createStructuredSelector } from 'reselect';
|
|
import { selectJobReadOnly } from '../../redux/application/application.selectors';
|
|
import { selectBodyshop } from '../../redux/user/user.selectors';
|
|
import JobCostingStatistics from '../job-costing-statistics/job-costing-statistics.component';
|
|
import LoadingSkeleton from '../loading-skeleton/loading-skeleton.component';
|
|
|
|
const mapStateToProps = createStructuredSelector({
|
|
//currentUser: selectCurrentUser
|
|
bodyshop: selectBodyshop,
|
|
jobRO: selectJobReadOnly,
|
|
});
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
//setUserLanguage: language => dispatch(setUserLanguage(language))
|
|
});
|
|
export default connect(mapStateToProps, mapDispatchToProps)(JobCloseRoGuardProfit);
|
|
|
|
export function JobCloseRoGuardProfit({ job, jobRO, bodyshop, form, warningCallback }) {
|
|
const [costingData, setCostingData] = useState(null);
|
|
const [loading, setLoading] = useState(false);
|
|
const { t } = useTranslation();
|
|
|
|
useEffect(() => {
|
|
async function getData() {
|
|
try {
|
|
if (job.id) {
|
|
setLoading(true);
|
|
const { data } = await axios.post('/job/costing', { jobid: job.id });
|
|
setCostingData(data);
|
|
}
|
|
} catch (error) {}
|
|
setLoading(false);
|
|
}
|
|
|
|
getData();
|
|
}, [job.id]);
|
|
|
|
const enforceProfitPassword =
|
|
parseFloat(costingData?.summaryData.gppercent) < bodyshop?.md_ro_guard?.totalgppercent_minimum;
|
|
|
|
useEffect(() => {
|
|
if (enforceProfitPassword && typeof warningCallback === 'function') {
|
|
warningCallback({ key: 'profit', warning: t('jobs.labels.profitbypassrequired') });
|
|
}
|
|
}, [enforceProfitPassword, t, warningCallback]);
|
|
|
|
if (loading || !costingData) return <LoadingSkeleton />;
|
|
|
|
return (
|
|
<Card title={t('jobs.labels.profits')} style={{ height: '100%' }}>
|
|
<JobCostingStatistics summaryData={costingData?.summaryData} onlyGP />
|
|
</Card>
|
|
);
|
|
}
|