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

IO-2054 Improved spacing for QB Multi Payer

Browse Source
This commit is contained in:
Patrick Fic
2022-09-28 12:07:27 -07:00
parent 1c222db5a3
commit 1105431909
1 changed files with 151 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/pages/jobs-close/jobs-close.component.jsx
View File

@@ -3,6 +3,7 @@ import { useApolloClient, useMutation } from "@apollo/client";
import { import {
Alert, Alert,
Button, Button,
Col,
Divider, Divider,
Form, Form,
Input, Input,
@@ -10,6 +11,7 @@ import {
notification, notification,
PageHeader, PageHeader,
Popconfirm, Popconfirm,
Row,
Select, Select,
Space, Space,
Statistic, Statistic,
@@ -329,7 +331,8 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
</LayoutFormRow> </LayoutFormRow>
<Divider>{t("jobs.labels.multipayers")}</Divider> <Divider>{t("jobs.labels.multipayers")}</Divider>
{Qb_Multi_Ar.treatment === "on" && ( {Qb_Multi_Ar.treatment === "on" && (
<Space> <Row gutter={[16, 16]}>
<Col lg={8} md={24}>
<Form.List <Form.List
name={["qb_multiple_payers"]} name={["qb_multiple_payers"]}
rules={[ rules={[
@@ -427,6 +430,8 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
); );
}} }}
</Form.List> </Form.List>
</Col>
<Col lg={16} md={24}>
<Form.Item shouldUpdate> <Form.Item shouldUpdate>
{() => { {() => {
//Perform Calculation to determine discrepancy. //Perform Calculation to determine discrepancy.
@@ -436,7 +441,9 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
payers && payers &&
payers.forEach((payer) => { payers.forEach((payer) => {
totalAllocated = totalAllocated.add( totalAllocated = totalAllocated.add(
Dinero({ amount: Math.round((payer?.amount || 0) * 100) }) Dinero({
amount: Math.round((payer?.amount || 0) * 100),
})
); );
}); });
const discrep = job.job_totals const discrep = job.job_totals
@@ -453,7 +460,7 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
: Dinero() : Dinero()
).toFormat()} ).toFormat()}
/> />
<Divider orientation="vertical" /> <Divider type="vertical" />
<Statistic <Statistic
title={t("jobs.labels.total_repairs")} title={t("jobs.labels.total_repairs")}
value={(job.job_totals value={(job.job_totals
@@ -478,7 +485,8 @@ export function JobsCloseComponent({ job, bodyshop, jobRO }) {
); );
}} }}
</Form.Item> </Form.Item>
</Space> </Col>
</Row>
)} )}
<Divider /> <Divider />
<JobsCloseLines job={job} /> <JobsCloseLines job={job} />