fix: 🐛 add incidentRef in incident details and CustomBreadcrumb

yeukfei02 · Jan 7, 2023 · eaddb90 · eaddb90
1 parent 66ef871
commit eaddb90
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/apps/web/src/components/customBreadcrumbs/CustomBreadcrumbs.tsx b/apps/web/src/components/customBreadcrumbs/CustomBreadcrumbs.tsx
@@ -9,9 +9,10 @@ interface Props {
   page: string;
   subPage?: string;
   incidentId?: string;
+  incidentRef?: string;
 }
 
-function CustomBreadcrumbs({ page, subPage, incidentId }: Props) {
+function CustomBreadcrumbs({ page, subPage, incidentId, incidentRef }: Props) {
   const navigate = useNavigate();
 
   const handlePageClick = (page: string) => {
@@ -73,7 +74,7 @@ function CustomBreadcrumbs({ page, subPage, incidentId }: Props) {
           >
             {page}
           </div>
-          <Typography color="text.primary">{subPage}</Typography>
+          <Typography color="text.primary">{subPage} (#{incidentRef})</Typography>
         </Breadcrumbs>
       );
     }

diff --git a/apps/web/src/components/incidentDetail/IncidentDetail.tsx b/apps/web/src/components/incidentDetail/IncidentDetail.tsx
@@ -234,6 +234,7 @@ function IncidentDetail() {
           page="Incidents"
           subPage="Incident Detail"
           incidentId={incident ? incident.id : ''}
+          incidentRef={incidentRef}
         />
       </div>