From 9fb8ec1e2ba0e3e29ae558a520b62c9a9183cdb2 Mon Sep 17 00:00:00 2001
From: keerthi lochan kumar
 <121881902+Keerthilochankumar@users.noreply.github.com>
Date: Tue, 26 Nov 2024 19:54:59 +0530
Subject: [PATCH 1/2] UI enhancement to Sample Test History (#9193)

---
 src/components/Patient/SampleDetails.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Patient/SampleDetails.tsx b/src/components/Patient/SampleDetails.tsx
index c5282a65c1f..edc0b4d53a6 100644
--- a/src/components/Patient/SampleDetails.tsx
+++ b/src/components/Patient/SampleDetails.tsx
@@ -477,7 +477,11 @@ export const SampleDetails = ({ id }: DetailRoute) => {
       <div className="mb-4">
         <h4 className="mt-8">{t("sample_test_history")}</h4>
         {sampleDetails?.flow &&
-          sampleDetails.flow.map((flow: FlowModel) => renderFlow(flow))}
+          sampleDetails.flow.map((flow: FlowModel) => (
+            <div key={flow.id} className="mb-2">
+              {renderFlow(flow)}
+            </div>
+          ))}
       </div>
 
       <FileUpload

From c18d5ea5d257cb417e3c6c30c3a53c8a7d9f1b5c Mon Sep 17 00:00:00 2001
From: Nithish Kumar Siliveru <nithishsiliveru18@gmail.com>
Date: Tue, 26 Nov 2024 19:57:31 +0530
Subject: [PATCH 2/2] Adjusted the view change button position (#9172)

---
 src/components/Common/SortDropdown.tsx   | 2 +-
 src/components/Resource/ResourceList.tsx | 8 ++++----
 src/components/Shifting/ShiftingList.tsx | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Common/SortDropdown.tsx b/src/components/Common/SortDropdown.tsx
index cf4193deaea..2e5ccd95015 100644
--- a/src/components/Common/SortDropdown.tsx
+++ b/src/components/Common/SortDropdown.tsx
@@ -27,7 +27,7 @@ export default function SortDropdownMenu(props: Props) {
       variant="secondary"
       className="w-full border border-primary-500 bg-white md:w-auto"
       icon={<CareIcon icon="l-sort" />}
-      containerClassName="w-full md:w-auto"
+      containerClassName="w-full md:w-auto z-20"
     >
       {props.options.map(({ isAscending, value }, i) => (
         <DropdownItem
diff --git a/src/components/Resource/ResourceList.tsx b/src/components/Resource/ResourceList.tsx
index 6eecf7fcef2..891c2f3378b 100644
--- a/src/components/Resource/ResourceList.tsx
+++ b/src/components/Resource/ResourceList.tsx
@@ -189,7 +189,7 @@ export default function ListView() {
 
   return (
     <Page
-      title="Resource"
+      title={t("resource")}
       hideBack
       componentRight={
         <ExportButton
@@ -216,13 +216,13 @@ export default function ListView() {
           </div>
 
           <div className="mt-2 flex w-full flex-col gap-2 lg:w-fit lg:flex-row lg:gap-4">
-            <AdvancedFilterButton
-              onClick={() => advancedFilter.setShow(true)}
-            />
             <ButtonV2 className="py-[11px]" onClick={onBoardViewBtnClick}>
               <CareIcon icon="l-list-ul" className="rotate-90" />
               {t("board_view")}
             </ButtonV2>
+            <AdvancedFilterButton
+              onClick={() => advancedFilter.setShow(true)}
+            />
           </div>
         </>
       }
diff --git a/src/components/Shifting/ShiftingList.tsx b/src/components/Shifting/ShiftingList.tsx
index d4746ad434b..db7ec691f79 100644
--- a/src/components/Shifting/ShiftingList.tsx
+++ b/src/components/Shifting/ShiftingList.tsx
@@ -274,9 +274,6 @@ export default function ListView() {
           </div>
 
           <div className="mt-2 flex w-full flex-col gap-2 lg:w-fit lg:flex-row lg:gap-4">
-            <AdvancedFilterButton
-              onClick={() => advancedFilter.setShow(true)}
-            />
             <ButtonV2
               className="py-[11px]"
               onClick={() => navigate("/shifting/board", { query: qParams })}
@@ -284,6 +281,9 @@ export default function ListView() {
               <CareIcon icon="l-list-ul" className="rotate-90" />
               {t("board_view")}
             </ButtonV2>
+            <AdvancedFilterButton
+              onClick={() => advancedFilter.setShow(true)}
+            />
           </div>
         </>
       }