Blittech/badoHair_fe
4
0
Fork 0
mirror of http://88.130.71.182:3000/BlitTech/badoHair_fe.git synced 2026-06-13 08:58:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes after second dev test

Browse Source 
fixed full name issue, refresh issue on reservation and user/admin login issue
This commit is contained in:
belviskhoremk
2026-05-27 23:04:32 +00:00
parent 209ac114b0
commit 53365b9dbf
7 changed files with 60 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/admin/reservations/page.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import { useState } from "react";
import { Check, X, Trash2, Mail, Phone } from "lucide-react";
import { Check, X, Trash2, Mail, Phone, Loader2 } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
@@ -23,6 +23,7 @@ export default function AdminReservations() {
const { t, locale } = useLanguage();
const [filter, setFilter] = useState<"all" | Reservation["status"]>("all");
const [deleteId, setDeleteId] = useState<string | null>(null);
const [updatingId, setUpdatingId] = useState<string | null>(null);
const statusConfig: Record<Reservation["status"], { label: string; variant: "default" | "secondary" | "destructive" }> = {
pending: { label: t("admin.status.pending"), variant: "secondary" },
@@ -35,20 +36,26 @@ export default function AdminReservations() {
.sort((a, b) => `${b.date}${b.time}`.localeCompare(`${a.date}${a.time}`));
const handleConfirm = async (id: string) => {
setUpdatingId(id);
try {
await updateReservationStatus(id, "confirmed");
toast.success(t("admin.bookings.confirmed_toast"));
} catch (err) {
toast.error(err instanceof ApiError ? err.message : t("admin.error"));
} finally {
setUpdatingId(null);
}
};
const handleCancel = async (id: string) => {
setUpdatingId(id);
try {
await updateReservationStatus(id, "cancelled");
toast.success(t("admin.bookings.cancelled_toast"));
} catch (err) {
toast.error(err instanceof ApiError ? err.message : t("admin.error"));
} finally {
setUpdatingId(null);
}
};
@@ -135,19 +142,27 @@ export default function AdminReservations() {
</Badge>
</TableCell>
<TableCell className="text-right space-x-1">
{r.status !== "confirmed" && (
<Button variant="ghost" size="icon" onClick={() => handleConfirm(r.id)} title={t("admin.status.confirmed")}>
<Check className="h-4 w-4 text-primary" />
{updatingId === r.id ? (
<Button variant="ghost" size="icon" disabled>
<Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
</Button>
) : (
<>
{r.status !== "confirmed" && (
<Button variant="ghost" size="icon" onClick={() => handleConfirm(r.id)} title={t("admin.status.confirmed")}>
<Check className="h-4 w-4 text-primary" />
</Button>
)}
{r.status !== "cancelled" && (
<Button variant="ghost" size="icon" onClick={() => handleCancel(r.id)} title={t("admin.status.cancelled")}>
<X className="h-4 w-4 text-muted-foreground" />
</Button>
)}
<Button variant="ghost" size="icon" onClick={() => setDeleteId(r.id)} title={t("admin.delete")}>
<Trash2 className="h-4 w-4 text-destructive" />
</Button>
</>
)}
{r.status !== "cancelled" && (
<Button variant="ghost" size="icon" onClick={() => handleCancel(r.id)} title={t("admin.status.cancelled")}>
<X className="h-4 w-4 text-muted-foreground" />
</Button>
)}
<Button variant="ghost" size="icon" onClick={() => setDeleteId(r.id)} title={t("admin.delete")}>
<Trash2 className="h-4 w-4 text-destructive" />
</Button>
</TableCell>
</TableRow>
))