use chip

ohcnetwork · Sep 13, 2023 · a5b3a6c · a5b3a6c
1 parent ca3c8b8
commit a5b3a6c
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/Components/Facility/ConsultationDetails/index.tsx b/src/Components/Facility/ConsultationDetails/index.tsx
@@ -37,6 +37,7 @@ import { ConsultationVentilatorTab } from "./ConsultationVentilatorTab";
 import { ConsultationPressureSoreTab } from "./ConsultationPressureSoreTab";
 import { ConsultationDialysisTab } from "./ConsultationDialysisTab";
 import { ConsultationNeurologicalMonitoringTab } from "./ConsultationNeurologicalMonitoringTab";
+import Chip from "../../../CAREUI/display/Chip";
 
 const Loading = lazy(() => import("../../Common/Loading"));
 const PageTitle = lazy(() => import("../../Common/PageTitle"));
@@ -194,9 +195,13 @@ export const ConsultationDetails = (props: any) => {
 
         {diagnoses.slice(0, !showMore ? nshow : undefined).map((diagnosis) =>
           diagnosis.id === consultationData.icd11_principal_diagnosis ? (
-            <div className="flex items-center gap-1 text-primary-500">
-              <CareIcon className="care-l-star" />
-              <p className="font-bold">{diagnosis.label}</p>
+            <div className="flex items-center">
+              <Chip
+                size="small"
+                variant="secondary"
+                startIcon="l-clock"
+                text={diagnosis.label}
+              />
             </div>
           ) : (
             <p>{diagnosis.label}</p>