From 9d3cc8481631fde301e05f690aa3b02f1e7e0c5c Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Tue, 25 Nov 2025 21:31:20 +0000
Subject: [PATCH] Enhance type safety in BookNowPage and useAppointments hook.
 Update availableDates and availableDaysOfWeek mapping to specify string
 types. Add getUserAppointmentStats and AvailableDatesResponse types to
 useAppointments for improved type definitions. Modify Appointment interface
 to include 'completed' status for better appointment management.

---
 17                            | 0
 app/(pages)/book-now/page.tsx | 4 ++--
 hooks/useAppointments.ts      | 3 +++
 hooks/useAuth.ts              | 1 -
 lib/models/appointments.ts    | 2 +-
 5 files changed, 6 insertions(+), 4 deletions(-)
 create mode 100644 17

diff --git a/17 b/17
new file mode 100644
index 0000000..e69de29
diff --git a/app/(pages)/book-now/page.tsx b/app/(pages)/book-now/page.tsx
index f2a7967..2504dbe 100644
--- a/app/(pages)/book-now/page.tsx
+++ b/app/(pages)/book-now/page.tsx
@@ -142,7 +142,7 @@ export default function BookNowPage() {
     const daysSet = new Set<string>();
     const dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
     
-    availableDates.forEach((dateStr) => {
+    availableDates.forEach((dateStr: string) => {
       try {
         // Parse date string (YYYY-MM-DD format)
         const [year, month, day] = dateStr.split('-').map(Number);
@@ -651,7 +651,7 @@ export default function BookNowPage() {
                         ) : (
                           <>
                             <div className="flex flex-wrap gap-3">
-                              {availableDaysOfWeek.map((day) => (
+                              {availableDaysOfWeek.map((day: string) => (
                             <label
                               key={day}
                               className={`flex items-center gap-2 cursor-pointer px-4 py-2 rounded-lg border transition-all ${
diff --git a/hooks/useAppointments.ts b/hooks/useAppointments.ts
index 3d65fe4..2bb7d02 100644
--- a/hooks/useAppointments.ts
+++ b/hooks/useAppointments.ts
@@ -7,6 +7,7 @@ import {
   getAvailableDates,
   listAppointments,
   getUserAppointments,
+  getUserAppointmentStats,
   getAppointmentDetail,
   scheduleAppointment,
   rejectAppointment,
@@ -25,6 +26,8 @@ import type {
   Appointment,
   AdminAvailability,
   AppointmentStats,
+  UserAppointmentStats,
+  AvailableDatesResponse,
   JitsiMeetingInfo,
 } from "@/lib/models/appointments";
 
diff --git a/hooks/useAuth.ts b/hooks/useAuth.ts
index 9b549c9..ab59df6 100644
--- a/hooks/useAuth.ts
+++ b/hooks/useAuth.ts
@@ -14,7 +14,6 @@ import {
   refreshToken,
   getStoredTokens,
   getStoredUser,
-  getStoredUserSync,
   storeTokens,
   storeUser,
   clearAuthData,
diff --git a/lib/models/appointments.ts b/lib/models/appointments.ts
index 4810fe1..73d8e6d 100644
--- a/lib/models/appointments.ts
+++ b/lib/models/appointments.ts
@@ -9,7 +9,7 @@ export interface Appointment {
   reason?: string;
   preferred_dates: string[]; // YYYY-MM-DD format
   preferred_time_slots: string[]; // "morning", "afternoon", "evening"
-  status: "pending_review" | "scheduled" | "rejected";
+  status: "pending_review" | "scheduled" | "rejected" | "completed";
   created_at: string;
   updated_at: string;
   scheduled_datetime?: string;