further implementing service page (#3)

2026-05-06 13:48:55 +00:00 · 2024-11-17 10:05:20 +08:00
parent 55821320dc
commit 6e3f888792
20 changed files with 936 additions and 333 deletions
@@ -0,0 +1,50 @@
+import { Button } from "@/components/ui/button";
+import { TrashButton } from "@/components/xui/icon-buttons";
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+    DialogClose,
+} from "@/components/ui/dialog"
+import { KeyedMutator } from "swr";
+
+interface ButtonGroupProps<T> {
+    className?: string;
+    children: React.ReactNode;
+    delete: { fn: (id: number[]) => Promise<void>, id: number, mutate: KeyedMutator<T> };
+}
+
+export function ActionButtonGroup<T>({ className, children, delete: { fn, id, mutate } }: ButtonGroupProps<T>) {
+    const handleDelete = async () => {
+        await fn([id]);
+        await mutate();
+    }
+
+    return (
+        <div className={className}>
+            {children}
+            <Dialog>
+                <DialogTrigger asChild>
+                    <TrashButton variant="outline" />
+                </DialogTrigger>
+                <DialogContent className="sm:max-w-lg">
+                    <DialogHeader>
+                        <DialogTitle>Confirm Deletion?</DialogTitle>
+                        <DialogDescription>
+                            This operation is unrecoverable!
+                        </DialogDescription>
+                    </DialogHeader>
+                    <DialogFooter>
+                        <DialogClose asChild>
+                            <Button type="submit" variant="destructive" onClick={handleDelete}>Confirm</Button>
+                        </DialogClose>
+                    </DialogFooter>
+                </DialogContent>
+            </Dialog>
+        </div>
+    )
+}