Phase 7

src/features/staff/components/time-off-list.tsx

@@ -3,7 +3,7 @@
 import { Plus } from "lucide-react";
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
-import type { EditableTimeOff } from "./time-off-form-sheet";
+import type { EditableTimeOff, TimeOffActionSet } from "./time-off-form-sheet";
 import { TimeOffFormSheet } from "./time-off-form-sheet";
 
 function formatRange(startDate: string, endDate: string): string {
@@ -18,9 +18,13 @@ function formatRange(startDate: string, endDate: string): string {
 export function TimeOffList({
   upcoming,
   past,
+  actions,
+  appointmentHrefBase,
 }: {
   upcoming: EditableTimeOff[];
   past: EditableTimeOff[];
+  actions?: TimeOffActionSet;
+  appointmentHrefBase?: string;
 }) {
   const [sheetOpen, setSheetOpen] = useState(false);
   const [editing, setEditing] = useState<EditableTimeOff | null>(null);
@@ -86,6 +90,8 @@ export function TimeOffList({
         open={sheetOpen}
         onClose={() => setSheetOpen(false)}
         existing={editing}
+        actions={actions}
+        appointmentHrefBase={appointmentHrefBase}
       />
     </div>
   );