Nhân viên ({shift.registeredStaff.length}/{shift.maxStaff})
);
diff --git a/components/organisms/analytics/PieChart.tsx b/components/organisms/analytics/PieChart.tsx
index 726a7b3..e096084 100644
--- a/components/organisms/analytics/PieChart.tsx
+++ b/components/organisms/analytics/PieChart.tsx
@@ -1,6 +1,6 @@
"use client";
-import { useState, useMemo } from "react";
+import { useMemo, useState } from "react";
export interface PieSlice {
label: string;
diff --git a/components/organisms/forms/LoginForm.tsx b/components/organisms/forms/LoginForm.tsx
index b9eaddc..28606a8 100644
--- a/components/organisms/forms/LoginForm.tsx
+++ b/components/organisms/forms/LoginForm.tsx
@@ -1,10 +1,10 @@
+import Button from "@/components/atoms/buttons/Button";
import ErrorMessageLogin from "@/components/atoms/errors/ErrorMessageLogin";
import LoginInput from "@/components/atoms/inputs/LoginInput";
import { useAuth } from "@/lib/auth-context";
import Link from "next/link";
import { useRouter } from "next/navigation";
import { FormEvent, useState } from "react";
-import Button from "@/components/atoms/buttons/Button";
export default function LoginForm() {
const router = useRouter();
diff --git a/components/organisms/manager/ProductsTab.tsx b/components/organisms/manager/ProductsTab.tsx
index 9d5c27c..12f7fbf 100644
--- a/components/organisms/manager/ProductsTab.tsx
+++ b/components/organisms/manager/ProductsTab.tsx
@@ -152,7 +152,10 @@ export default function ProductsTab() {
) : (
filtered.map((p) => (
-
{p.name}
diff --git a/components/organisms/shift-schedule/MobileShiftView.tsx b/components/organisms/shift-schedule/MobileShiftView.tsx
index efcb87a..e3b9b44 100644
--- a/components/organisms/shift-schedule/MobileShiftView.tsx
+++ b/components/organisms/shift-schedule/MobileShiftView.tsx
@@ -26,14 +26,27 @@ function isToday(d: Date): boolean {
}
const MONTH_NAMES = [
- "Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4",
- "Tháng 5", "Tháng 6", "Tháng 7", "Tháng 8",
- "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12",
+ "Tháng 1",
+ "Tháng 2",
+ "Tháng 3",
+ "Tháng 4",
+ "Tháng 5",
+ "Tháng 6",
+ "Tháng 7",
+ "Tháng 8",
+ "Tháng 9",
+ "Tháng 10",
+ "Tháng 11",
+ "Tháng 12",
];
-export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps) {
+export default function MobileShiftView({
+ onShiftClick,
+}: MobileShiftViewProps) {
const { currentDate, shifts, goToNextMonth, goToPrevMonth } = useShift();
- const [selectedDate, setSelectedDate] = useState (formatDateISO(new Date(2026, 3, 10)));
+ const [selectedDate, setSelectedDate] = useState(
+ formatDateISO(new Date(2026, 3, 10)),
+ );
const calendarDays = useMemo(() => {
const year = currentDate.getFullYear();
@@ -57,9 +70,12 @@ export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps)
const dateStr = formatDateISO(date);
const dayShifts = shifts.filter((s) => s.date === dateStr);
const dots: string[] = [];
- if (dayShifts.some((s) => s.status === "available")) dots.push("bg-amber-400");
- if (dayShifts.some((s) => s.status === "registered")) dots.push("bg-green-500");
- if (dayShifts.some((s) => s.status === "approved_leave")) dots.push("bg-purple-400");
+ if (dayShifts.some((s) => s.status === "available"))
+ dots.push("bg-amber-400");
+ if (dayShifts.some((s) => s.status === "registered"))
+ dots.push("bg-green-500");
+ if (dayShifts.some((s) => s.status === "approved_leave"))
+ dots.push("bg-purple-400");
if (dayShifts.some((s) => s.status === "absent")) dots.push("bg-red-400");
return dots;
};
@@ -85,7 +101,7 @@ export default function MobileShiftView({ onShiftClick }: MobileShiftViewProps)
>
-
+
{MONTH_NAMES[currentDate.getMonth()]} {currentDate.getFullYear()}
|