From 7d56fdc69265b21c8ebc60f7fffc97e4ad5612df Mon Sep 17 00:00:00 2001
From: Rajab Shoukath Kunnath <142793649+rayyjeb@users.noreply.github.com>
Date: Sat, 30 Nov 2024 09:47:35 +0530
Subject: [PATCH] Fixed Breadcrumb to Display Detailed Name Instead of ID
 (#9200)

---
 src/components/Patient/SampleDetails.tsx | 1 +
 src/components/Patient/models.tsx        | 2 +-
 src/components/Shifting/ShiftDetails.tsx | 3 +++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Patient/SampleDetails.tsx b/src/components/Patient/SampleDetails.tsx
index edc0b4d53a6..abf099a6e7d 100644
--- a/src/components/Patient/SampleDetails.tsx
+++ b/src/components/Patient/SampleDetails.tsx
@@ -300,6 +300,7 @@ export const SampleDetails = ({ id }: DetailRoute) => {
   return (
     <Page
       title={t("sample_test_details")}
+      crumbsReplacements={{ [id]: { name: sampleDetails.patient_name } }}
       backUrl="/sample"
       options={
         sampleDetails?.patient && (
diff --git a/src/components/Patient/models.tsx b/src/components/Patient/models.tsx
index 85614e707d5..2b1c3c84d0c 100644
--- a/src/components/Patient/models.tsx
+++ b/src/components/Patient/models.tsx
@@ -165,7 +165,7 @@ export interface SampleTestModel {
   date_of_sample?: string;
   date_of_result?: string;
   consultation?: number;
-  patient_name?: number;
+  patient_name?: string;
   patient_has_sari?: boolean;
   patient_has_confirmed_contact?: boolean;
   patient_has_suspected_contact?: boolean;
diff --git a/src/components/Shifting/ShiftDetails.tsx b/src/components/Shifting/ShiftDetails.tsx
index cac6b5c41ca..3eeb440a1b1 100644
--- a/src/components/Shifting/ShiftDetails.tsx
+++ b/src/components/Shifting/ShiftDetails.tsx
@@ -478,6 +478,9 @@ export default function ShiftDetails(props: { id: string }) {
       ) : (
         <Page
           title={t("shifting_details")}
+          crumbsReplacements={{
+            [props.id]: { name: data?.patient_object?.name },
+          }}
           backUrl="/shifting/board"
           options={
             <div className="flex gap-2">