This commit is contained in:
Patrick Fic
2020-01-30 11:13:22 -08:00
parent 457ec16fdc
commit ace3207449

View File

@@ -40,135 +40,137 @@ export default function JobsDetailPage({
}; };
return ( return (
<Form onSubmit={handleSubmit} {...formItemLayout}> <div>
<JobsDetailHeader <Form onSubmit={handleSubmit} {...formItemLayout}>
job={job} <JobsDetailHeader
mutationConvertJob={mutationConvertJob} job={job}
refetch={refetch} mutationConvertJob={mutationConvertJob}
/> refetch={refetch}
{isFieldsTouched() ? (
<Alert
message={
<div>
{t("general.messages.unsavedchanges")}
<Button onClick={() => resetFields()}>
{t("general.actions.reset")}
</Button>
</div>
}
closable
/> />
) : null}
<Tabs defaultActiveKey="claimdetail"> {isFieldsTouched() ? (
<Tabs.TabPane <Alert
tab={ message={
<span> <div>
<Icon component={FaInfo} /> {t("general.messages.unsavedchanges")}
{t("menus.jobsdetail.claimdetail")} <Button onClick={() => resetFields()}>
</span> {t("general.actions.reset")}
} </Button>
key="claimdetail" </div>
> }
<JobsDetailClaims job={job} /> closable
</Tabs.TabPane> />
) : null}
<Tabs.TabPane <Tabs defaultActiveKey="claimdetail">
tab={ <Tabs.TabPane
<span> tab={
<Icon component={FaShieldAlt} /> <span>
{t("menus.jobsdetail.insurance")} <Icon component={FaInfo} />
</span> {t("menus.jobsdetail.claimdetail")}
} </span>
key="insurance" }
> key="claimdetail"
<JobsDetailInsurance job={job} /> >
</Tabs.TabPane> <JobsDetailClaims job={job} />
</Tabs.TabPane>
<Tabs.TabPane <Tabs.TabPane
tab={ tab={
<span> <span>
<Icon type="bars" /> <Icon component={FaShieldAlt} />
{t("menus.jobsdetail.repairdata")} {t("menus.jobsdetail.insurance")}
</span> </span>
} }
key="repairdata" key="insurance"
> >
<JobsLinesContainer jobId={job.id} /> <JobsDetailInsurance job={job} />
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane <Tabs.TabPane
tab={ tab={
<span> <span>
<Icon type="dollar" /> <Icon type="bars" />
{t("menus.jobsdetail.financials")} {t("menus.jobsdetail.repairdata")}
</span> </span>
} }
key="financials" key="repairdata"
> >
<JobsDetailFinancials job={job} /> <JobsLinesContainer jobId={job.id} />
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane <Tabs.TabPane
tab={ tab={
<span> <span>
<Icon type="tool" /> <Icon type="dollar" />
{t("menus.jobsdetail.partssublet")} {t("menus.jobsdetail.financials")}
</span> </span>
} }
key="partssublet" key="financials"
> >
Partssublet <JobsDetailFinancials job={job} />
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane <Tabs.TabPane
tab={ tab={
<span> <span>
<Icon component={FaHardHat} /> <Icon type="tool" />
{t("menus.jobsdetail.labor")} {t("menus.jobsdetail.partssublet")}
</span> </span>
} }
key="labor" key="partssublet"
> >
Labor Partssublet
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane <Tabs.TabPane
tab={ tab={
<span> <span>
<Icon type="calendar" /> <Icon component={FaHardHat} />
{t("menus.jobsdetail.dates")} {t("menus.jobsdetail.labor")}
</span> </span>
} }
key="dates" key="labor"
> >
<JobsDetailDatesComponent job={job} />} Labor
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane <Tabs.TabPane
tab={ tab={
<span> <span>
<Icon type="file-image" /> <Icon type="calendar" />
{t("jobs.labels.documents")} {t("menus.jobsdetail.dates")}
</span> </span>
} }
key="documents" key="dates"
> >
<JobsDocumentsContainer jobId={job.id} /> <JobsDetailDatesComponent job={job} />}
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane
tab={ <Tabs.TabPane
<span> tab={
<Icon component={FaRegStickyNote} /> <span>
{t("jobs.labels.notes")} <Icon type="file-image" />
</span> {t("jobs.labels.documents")}
} </span>
key="notes" }
> key="documents"
<JobNotesContainer jobId={job.id} /> >
</Tabs.TabPane> <JobsDocumentsContainer jobId={job.id} />
</Tabs> </Tabs.TabPane>
</Form> <Tabs.TabPane
tab={
<span>
<Icon component={FaRegStickyNote} />
{t("jobs.labels.notes")}
</span>
}
key="notes"
>
<JobNotesContainer jobId={job.id} />
</Tabs.TabPane>
</Tabs>
</Form>
</div>
); );
} }