first commit

apps/Frontend/src/components/appointments/add-appointment-modal.tsx

@@ -0,0 +1,45 @@
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { AppointmentForm } from "./appointment-form";
+import { Appointment, InsertAppointment, UpdateAppointment, Patient } from "@shared/schema";
+
+interface AddAppointmentModalProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onSubmit: (data: InsertAppointment | UpdateAppointment) => void;
+  isLoading: boolean;
+  appointment?: Appointment;
+  patients: Patient[];
+}
+
+export function AddAppointmentModal({
+  open,
+  onOpenChange,
+  onSubmit,
+  isLoading,
+  appointment,
+  patients,
+}: AddAppointmentModalProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-md">
+        <DialogHeader>
+          <DialogTitle>
+            {appointment ? "Edit Appointment" : "Add New Appointment"}
+          </DialogTitle>
+        </DialogHeader>
+        <div className="p-1">
+          <AppointmentForm
+            appointment={appointment}
+            patients={patients}
+            onSubmit={(data) => {
+              onSubmit(data);
+              onOpenChange(false);
+            }}
+            isLoading={isLoading}
+          />
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}