Sort discontinued medicines to the last (#7925)

* Sort discontinued medicines to the last * Update src/Components/Medicine/PrescriptionBuilder.tsx * Update src/Components/Medicine/PrescriptionBuilder.tsx
ohcnetwork · May 28, 2024 · 5316402 · 5316402
1 parent 568b98f
commit 5316402
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/src/Components/Medicine/PrescriptionBuilder.tsx b/src/Components/Medicine/PrescriptionBuilder.tsx
@@ -12,6 +12,7 @@ import useQuery from "../../Utils/request/useQuery";
 import MedicineRoutes from "./routes";
 import useSlug from "../../Common/hooks/useSlug";
 import { AuthorizedForConsultationRelatedActions } from "../../CAREUI/misc/AuthorizedChild";
+import { compareBy } from "../../Utils/utils";
 
 interface Props {
   prescription_type?: Prescription["prescription_type"];
@@ -66,16 +67,18 @@ export default function PrescriptionBuilder({
         />
       )}
       <div className="flex flex-col gap-3">
-        {data?.results.map((obj) => (
-          <PrescriptionDetailCard
-            key={obj.id}
-            prescription={obj}
-            collapsible
-            onDiscontinueClick={() => setShowDiscontinueFor(obj)}
-            onAdministerClick={() => setShowAdministerFor(obj)}
-            readonly={disabled}
-          />
-        ))}
+        {data?.results
+          .sort(compareBy("discontinued"))
+          ?.map((obj) => (
+            <PrescriptionDetailCard
+              key={obj.id}
+              prescription={obj}
+              collapsible
+              onDiscontinueClick={() => setShowDiscontinueFor(obj)}
+              onAdministerClick={() => setShowAdministerFor(obj)}
+              readonly={disabled}
+            />
+          ))}
       </div>
       <AuthorizedForConsultationRelatedActions>
         <ButtonV2