feat(admin): add draw management features including create, update, delete, and batch delete functionalities

- Implemented API functions for creating, updating, and deleting draws. - Enhanced the admin draws console with UI components for managing draws. - Added internationalization support for new draw management actions and messages.
2026-05-25 18:00:43 +08:00
parent eb02252431
commit f080e6ba8e
15 changed files with 948 additions and 24 deletions
--- a/src/modules/draws/draw-create-dialog.tsx
+++ b/src/modules/draws/draw-create-dialog.tsx
@@ -0,0 +1,134 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+
+import { postAdminCreateDraw } from "@/api/admin-draws";
+import { AdminDateTimeField } from "@/components/admin/admin-datetime-field";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { LOTTERY_SCHEDULE_TIMEZONE } from "@/lib/lottery-schedule-timezone";
+import { LotteryApiBizError } from "@/types/api/errors";
+
+type DrawCreateDialogProps = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  scheduleTimezone?: string;
+  onCreated: () => void | Promise<void>;
+};
+
+function resetFormState(): {
+  drawTime: string;
+  closeTime: string;
+  startTime: string;
+  drawNo: string;
+} {
+  return { drawTime: "", closeTime: "", startTime: "", drawNo: "" };
+}
+
+export function DrawCreateDialog({
+  open,
+  onOpenChange,
+  scheduleTimezone,
+  onCreated,
+}: DrawCreateDialogProps) {
+  const { t } = useTranslation(["draws", "common"]);
+  const [form, setForm] = useState(resetFormState);
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    if (!open) {
+      setForm(resetFormState());
+    }
+  }, [open]);
+
+  async function submit(): Promise<void> {
+    if (!form.drawTime.trim()) {
+      toast.error(t("createDraw.drawTimeRequired"));
+      return;
+    }
+    setSaving(true);
+    try {
+      await postAdminCreateDraw({
+        draw_time: form.drawTime.trim(),
+        close_time: form.closeTime.trim() || undefined,
+        start_time: form.startTime.trim() || undefined,
+        draw_no: form.drawNo.trim() || undefined,
+      });
+      toast.success(t("createDraw.success"));
+      setForm(resetFormState());
+      onOpenChange(false);
+      await onCreated();
+    } catch (e) {
+      toast.error(e instanceof LotteryApiBizError ? e.message : t("createDraw.failed"));
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent showCloseButton className="max-w-lg gap-4">
+        <DialogHeader>
+          <DialogTitle>{t("createDraw.title")}</DialogTitle>
+          <DialogDescription>
+            {t("createDraw.description", { tz: "Local" })}
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="grid gap-3">
+          <AdminDateTimeField
+            id="draw-create-draw-time"
+            label={t("drawTime")}
+            value={form.drawTime}
+            onChange={(drawTime) => setForm((prev) => ({ ...prev, drawTime }))}
+            required
+          />
+          <AdminDateTimeField
+            id="draw-create-close-time"
+            label={t("closeTime")}
+            value={form.closeTime}
+            onChange={(closeTime) => setForm((prev) => ({ ...prev, closeTime }))}
+            optional
+          />
+          <AdminDateTimeField
+            id="draw-create-start-time"
+            label={t("startTime")}
+            value={form.startTime}
+            onChange={(startTime) => setForm((prev) => ({ ...prev, startTime }))}
+            optional
+          />
+          <div className="grid gap-1.5">
+            <Label htmlFor="draw-create-draw-no">{t("drawNo")}</Label>
+            <Input
+              id="draw-create-draw-no"
+              placeholder="20260526-008"
+              value={form.drawNo}
+              onChange={(e) => setForm((prev) => ({ ...prev, drawNo: e.target.value }))}
+            />
+          </div>
+          <p className="text-xs text-muted-foreground">{t("createDraw.hint")}</p>
+        </div>
+
+        <DialogFooter className="gap-2 sm:gap-0">
+          <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+            {t("actions.cancel", { ns: "common" })}
+          </Button>
+          <Button type="button" disabled={saving} onClick={() => void submit()}>
+            {saving ? t("createDraw.saving") : t("createDraw.submit")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}