claim-page - lastvisit fixed

.gitignore

@@ -37,6 +37,3 @@ dist/
 
 # env
 *.env
-
-#temp
-1.html

apps/Frontend/src/pages/claims-page.tsx

@@ -451,21 +451,26 @@ export default function ClaimsPage() {
   };
 
   // Get unique patients with appointments
-  const patientsWithAppointments = appointments.reduce(
+  const patientsWithAppointments = patients.reduce(
-    (acc, appointment) => {
+    (acc, patient) => {
-      if (!acc.some((item) => item.patientId === appointment.patientId)) {
+      const patientAppointments = appointments
-        const patient = patients.find((p) => p.id === appointment.patientId);
+        .filter((appt) => appt.patientId === patient.id)
-        if (patient) {
+        .sort(
-          acc.push({
+          (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
-            patientId: patient.id,
+        ); // Sort descending by date
-            patientName: `${patient.firstName} ${patient.lastName}`,
+
-            appointmentId: Number(appointment.id),
+      if (patientAppointments.length > 0) {
-            insuranceProvider: patient.insuranceProvider || "N/A",
+        const latestAppointment = patientAppointments[0];
-            insuranceId: patient.insuranceId || "N/A",
+        acc.push({
-            lastAppointment: String(appointment.date),
+          patientId: patient.id,
-          });
+          patientName: `${patient.firstName} ${patient.lastName}`,
-        }
+          appointmentId: latestAppointment!.id,
+          insuranceProvider: patient.insuranceProvider || "N/A",
+          insuranceId: patient.insuranceId || "N/A",
+          lastAppointment: String(latestAppointment!.date),
+        });
       }
+
       return acc;
     },
     [] as Array<{
@@ -591,7 +596,7 @@ export default function ClaimsPage() {
                   </div>
                 ) : patientsWithAppointments.length > 0 ? (
                   <div className="divide-y">
-                    {patientsWithAppointments.map((item) => (
+                    {patientsWithAppointments.map((item: typeof patientsWithAppointments[number]) => (
                       <div
                         key={item.patientId}
                         className="py-4 flex items-center justify-between cursor-pointer hover:bg-gray-50"