diff --git a/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx b/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx index 3d485359f..7bb3e5c7b 100644 --- a/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx +++ b/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx @@ -44,9 +44,9 @@ export default connect( const tombstoneTitle = (
- {`${t("jobs.fields.ro_number")} ${ - job.ro_number ? job.ro_number : t("general.labels.na") - }`} + {job.ro_number + ? `${t("jobs.fields.ro_number")} ${job.ro_number}` + : `EST-${job.est_number}`}
); diff --git a/client/src/pages/jobs-detail/jobs-detail.page.component.jsx b/client/src/pages/jobs-detail/jobs-detail.page.component.jsx index f6c13fff7..14fbfcdfe 100644 --- a/client/src/pages/jobs-detail/jobs-detail.page.component.jsx +++ b/client/src/pages/jobs-detail/jobs-detail.page.component.jsx @@ -5,6 +5,7 @@ import Icon, { FileImageFilled, ToolFilled } from "@ant-design/icons"; +import { useHistory, useLocation } from "react-router-dom"; import { Form, notification, Tabs } from "antd"; import moment from "moment"; import React, { lazy, Suspense } from "react"; @@ -82,11 +83,15 @@ export default function JobsDetailPage({ handleSubmit, refetch, scheduleModalState, - updateJobStatus + updateJobStatus, + tab }) { const { t } = useTranslation(); const [form] = Form.useForm(); + const history = useHistory(); + console.log("history, location", history); + // history.replace(); const formItemLayout = { labelCol: { xs: { span: 12 }, @@ -166,7 +171,12 @@ export default function JobsDetailPage({ scheduleModalState={scheduleModalState} updateJobStatus={updateJobStatus} /> - + + history.replace({ ...history.location, search: `?${key}` }) + } + > @@ -267,20 +277,17 @@ export default function JobsDetailPage({ - - - {t("jobs.labels.audit")} - - } - key="audit" - > - - - - + tab={ + + + {t("jobs.labels.audit")} + + } + key="audit" + > + + diff --git a/client/src/pages/jobs-detail/jobs-detail.page.container.jsx b/client/src/pages/jobs-detail/jobs-detail.page.container.jsx index 9c526c4df..63747a993 100644 --- a/client/src/pages/jobs-detail/jobs-detail.page.container.jsx +++ b/client/src/pages/jobs-detail/jobs-detail.page.container.jsx @@ -13,7 +13,7 @@ import { import JobsDetailPage from "./jobs-detail.page.component"; function JobsDetailPageContainer({ match }) { - const { jobId } = match.params; + const { jobId, tab } = match.params; const { t } = useTranslation(); const scheduleModalState = useState(false); @@ -62,6 +62,7 @@ function JobsDetailPageContainer({ match }) { refetch={refetch} scheduleModalState={scheduleModalState} updateJobStatus={updateJobStatus} + tab={tab} /> ) : ( diff --git a/client/src/pages/manage/manage.page.component.jsx b/client/src/pages/manage/manage.page.component.jsx index 7b5d7a1a8..ea626882b 100644 --- a/client/src/pages/manage/manage.page.component.jsx +++ b/client/src/pages/manage/manage.page.component.jsx @@ -81,11 +81,6 @@ export default function Manage({ match }) { path={`${match.path}/jobs/:jobId`} component={JobsDetailPage} /> -