TreatmentType and ProsthesisType database shcema and data updated. Lab dispatch wired through new data.

frontend/src/components/ui/treatment/AppointmentsStrip.tsx

@@ -6,16 +6,10 @@ import { purposeStyle } from '@/components/ui/appointments/appointmentPurposeSty
 import { Card } from '@/components/ui/shared/Card';
 import { ScheduleDayPicker } from '@/components/ui/shared/ScheduleDayPicker';
 import { startOfLocalDay } from '@/components/appointments/appointmentTime';
+import { treatmentTypeLabelFromCatalog } from '@/components/ui/treatment/treatmentTypeDisplay';
+import type { TreatmentCatalogEntry } from '@/types/treatment-catalog';
 import type { TreatmentAppointment } from '@/types/treatment';
 
-const TREATMENT_TYPE_KEYS = {
-  consultation: 'typeConsultation',
-  filling: 'typeFilling',
-  endo: 'typeEndo',
-  visit: 'typeVisit',
-  hygiene: 'typeHygiene',
-} as const;
-
 interface AppointmentsStripProps {
   stripHidden: boolean;
   onToggleStripHidden: () => void;
@@ -24,6 +18,7 @@ interface AppointmentsStripProps {
   appointments: TreatmentAppointment[];
   selectedAppointmentId: string | null;
   onSelectAppointment: (id: string) => void;
+  treatmentCatalog: TreatmentCatalogEntry[];
   loading?: boolean;
 }
 
@@ -35,6 +30,7 @@ export function AppointmentsStrip({
   appointments,
   selectedAppointmentId,
   onSelectAppointment,
+  treatmentCatalog,
   loading = false,
 }: AppointmentsStripProps) {
   const t = useTranslations('treatment');
@@ -96,7 +92,7 @@ export function AppointmentsStrip({
             minute: '2-digit',
           })}`;
           const palette = purposeStyle(a.purpose);
-          const purposeKey = TREATMENT_TYPE_KEYS[a.purpose as keyof typeof TREATMENT_TYPE_KEYS];
+          const purposeLabel = treatmentTypeLabelFromCatalog(a.purpose, treatmentCatalog);
           return (
             <Card
               as="button"
@@ -115,9 +111,7 @@ export function AppointmentsStrip({
               <p className="text-sm font-medium leading-tight truncate mt-0.5">
                 {a.patientFirstName} {a.patientLastName}
               </p>
-              <p className="text-[11px] opacity-90 capitalize mt-0.5">
-                {purposeKey ? t(purposeKey) : a.purpose}
-              </p>
+              <p className="text-[11px] opacity-90 mt-0.5 truncate">{purposeLabel}</p>
             </Card>
           );
         })}