move encounterClass icon to constants

src/common/constants.tsx

@@ -1,5 +1,17 @@
+import {
+  Ambulance,
+  BedDouble,
+  Building2,
+  Home,
+  LucideIcon,
+  MonitorSmartphone,
+  Stethoscope,
+} from "lucide-react";
+
 import { IconName } from "@/CAREUI/icons/CareIcon";
 
+import { EncounterClass } from "@/types/emr/encounter";
+
 export const RESULTS_PER_PAGE_LIMIT = 14;
 
 /**
@@ -354,6 +366,14 @@ export const FILE_EXTENSIONS = {
   PRESENTATION: ["pptx"],
   DOCUMENT: ["pdf", "docx"],
 } as const;
+export const encounterIcons = {
+  imp: BedDouble,
+  amb: Ambulance,
+  obsenc: Stethoscope,
+  emer: Building2,
+  vr: MonitorSmartphone,
+  hh: Home,
+} as const satisfies Record<EncounterClass, LucideIcon>;
 
 export const PREVIEWABLE_FILE_EXTENSIONS = [
   "html",

src/components/Facility/EncounterCard.tsx

@@ -1,16 +1,5 @@
 import { t } from "i18next";
-import {
-  Ambulance,
-  BadgeCheck,
-  BedDouble,
-  Building2,
-  CircleDashed,
-  Clock,
-  Eye,
-  Home,
-  MonitorSmartphone,
-  Stethoscope,
-} from "lucide-react";
+import { BadgeCheck, CircleDashed, Clock, Eye } from "lucide-react";
 import { Link } from "raviger";
 
 import { cn } from "@/lib/utils";
@@ -20,6 +9,8 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Separator } from "@/components/ui/separator";
 
+import { encounterIcons } from "@/common/constants";
+
 import { formatDateTime } from "@/Utils/utils";
 import { Encounter, completedEncounterStatus } from "@/types/emr/encounter";
 
@@ -30,15 +21,6 @@ interface EncounterCardProps {
 export const EncounterCard = (props: EncounterCardProps) => {
   const { encounter } = props;
 
-  const encounterIcons = {
-    imp: BedDouble,
-    amb: Ambulance,
-    obsenc: Stethoscope,
-    emer: Building2,
-    vr: MonitorSmartphone,
-    hh: Home,
-  } as const;
-
   const Icon = encounterIcons[encounter.encounter_class];
 
   return (