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}
/>
-