fix: connect services to backend (#37)

Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn> Reviewed-on: #37 Co-authored-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost> Co-committed-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
2026-05-05 14:42:13 +00:00
parent 48fc033ffa
commit c2afb3d3b5
49 changed files with 1427 additions and 843 deletions
@@ -12,18 +12,18 @@ import Link from "next/link";
 import { useState } from "react";

 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",
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December",
 ];

 function getMonday(d: Date): Date {
@@ -95,7 +95,7 @@ export default function StaffSchedulePage() {
            <i className="fa-solid fa-calendar-days text-sm text-white"></i>
          </div>
          <div>
-            <p className="text-foreground text-sm font-bold">Lịch làm việc</p>
+            <p className="text-foreground text-sm font-bold">Work Schedule</p>
            <p className="text-xs text-(--color-text-muted)">
              {isManager ? "Manager" : "Staff"}
            </p>
@@ -105,7 +105,7 @@ export default function StaffSchedulePage() {
        {/* View toggle */}
        <nav className="flex-1 space-y-1 p-3">
          <p className="mb-2 px-3 text-[11px] font-semibold tracking-wider text-(--color-text-muted) uppercase">
-            Chế độ xem
+            View
          </p>
          <button
            type="button"
@@ -117,7 +117,7 @@ export default function StaffSchedulePage() {
            }`}
          >
            <i className="fa-solid fa-table-columns w-4 text-center"></i>
-            <span className="flex-1 text-left">Theo tuần</span>
+            <span className="flex-1 text-left">Weekly</span>
          </button>
          <button
            type="button"
@@ -129,13 +129,13 @@ export default function StaffSchedulePage() {
            }`}
          >
            <i className="fa-solid fa-calendar w-4 text-center"></i>
-            <span className="flex-1 text-left">Theo tháng</span>
+            <span className="flex-1 text-left">Monthly</span>
          </button>

          {/* Quick nav */}
          <div className="mt-3 border-t border-(--color-border-light) pt-3">
            <p className="mb-2 px-3 text-[11px] font-semibold tracking-wider text-(--color-text-muted) uppercase">
-              Điều hướng
+              Navigation
            </p>
            <button
              type="button"
@@ -143,7 +143,7 @@ export default function StaffSchedulePage() {
              className="hover:bg-background flex w-full cursor-pointer items-center gap-3 rounded-xl border-none bg-transparent px-3 py-2.5 text-sm font-medium text-(--color-text-secondary) transition-all hover:text-(--color-primary-dark)"
            >
              <i className="fa-solid fa-crosshairs w-4 text-center"></i>
-              <span className="flex-1 text-left">Hôm nay</span>
+              <span className="flex-1 text-left">Today</span>
            </button>
          </div>

@@ -151,7 +151,7 @@ export default function StaffSchedulePage() {
          {isManager && (
            <div className="mt-3 border-t border-(--color-border-light) pt-3">
              <p className="mb-2 px-3 text-[11px] font-semibold tracking-wider text-(--color-text-muted) uppercase">
-                Quản lý
+                Management
              </p>
              <Link
                href="/manager"
@@ -167,7 +167,7 @@ export default function StaffSchedulePage() {
          <div className="mt-3 border-t border-(--color-border-light) pt-3">
            <div className="rounded-xl bg-(--color-primary)/5 p-3">
              <p className="text-[10px] font-semibold text-(--color-text-muted) uppercase">
-                Ngân sách tuần
+                Weekly Budget
              </p>
              <p className="mt-1 text-lg font-bold text-(--color-primary)">
                {weeklyBudget.toLocaleString("vi-VN")}
@@ -187,10 +187,10 @@ export default function StaffSchedulePage() {
            </div>
            <div className="min-w-0 flex-1">
              <p className="text-foreground truncate text-sm font-semibold">
-                {user?.name ?? "Nhân viên"}
+                {user?.name ?? "Staff"}
              </p>
              <p className="text-xs text-(--color-text-muted)">
-                {isManager ? "Quản lý" : "Nhân viên"}
+                {isManager ? "Manager" : "Staff"}
              </p>
            </div>
          </div>
@@ -200,7 +200,7 @@ export default function StaffSchedulePage() {
              className="hover:bg-background flex flex-1 items-center justify-center gap-1.5 rounded-xl border border-(--color-border-light) bg-transparent py-2 text-xs font-medium text-(--color-text-secondary) no-underline transition"
            >
              <i className="fa-solid fa-house"></i>
-              Trang chủ
+              Home
            </Link>
            <button
              type="button"
@@ -208,7 +208,7 @@ export default function StaffSchedulePage() {
              className="flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-xl border-none bg-transparent py-2 text-xs font-medium text-red-500 transition hover:bg-red-50"
            >
              <i className="fa-solid fa-right-from-bracket"></i>
-              Đăng xuất
+              Logout
            </button>
          </div>
        </div>
@@ -220,7 +220,7 @@ export default function StaffSchedulePage() {
        <header className="sticky top-0 z-40 flex items-center justify-between border-b border-(--color-border-light) bg-white px-4 py-3 shadow-sm md:px-5 md:py-4">
          <div>
            <h1 className="text-foreground text-base font-bold md:text-lg">
-              Đăng ký ca làm
+              Register Shift
            </h1>
            <p className="text-xs text-(--color-text-muted)">
              {view === "week"
@@ -241,7 +241,7 @@ export default function StaffSchedulePage() {
                    : "bg-transparent text-(--color-text-secondary)"
                }`}
              >
-                Tuần
+                Week
              </button>
              <button
                type="button"
@@ -252,14 +252,14 @@ export default function StaffSchedulePage() {
                    : "bg-transparent text-(--color-text-secondary)"
                }`}
              >
-                Tháng
+                Month
              </button>
            </div>

            {/* Navigation arrows */}
            <div className="hidden items-center gap-1 md:flex">
              <button
-                title="Về trước"
+                title="Previous"
                type="button"
                onClick={view === "week" ? goToPrevWeek : goToPrevMonth}
                className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg border border-(--color-border-light) bg-transparent text-(--color-text-muted) transition hover:bg-gray-50"
@@ -271,10 +271,10 @@ export default function StaffSchedulePage() {
                onClick={goToToday}
                className="cursor-pointer rounded-lg border border-(--color-border-light) bg-transparent px-3 py-1.5 text-xs font-medium text-(--color-text-secondary) transition hover:bg-gray-50"
              >
-                Hôm nay
+                Today
              </button>
              <button
-                title="Tiếp theo"
+                title="Next"
                type="button"
                onClick={view === "week" ? goToNextWeek : goToNextMonth}
                className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg border border-(--color-border-light) bg-transparent text-(--color-text-muted) transition hover:bg-gray-50"
@@ -294,14 +294,14 @@ export default function StaffSchedulePage() {
                className="hidden cursor-pointer items-center gap-1.5 rounded-xl border-none bg-(--color-primary) px-3 py-2 text-xs font-semibold text-white transition hover:opacity-90 md:flex"
              >
                <i className="fa-solid fa-plus"></i>
-                Tạo ca
+                Create Shift
              </button>
            )}

            {/* Mobile nav */}
            <div className="flex items-center gap-1 md:hidden">
              <button
-                title="Về trước"
+                title="Previous"
                type="button"
                onClick={view === "week" ? goToPrevWeek : goToPrevMonth}
                className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg border-none bg-transparent text-(--color-text-muted)"
@@ -309,7 +309,7 @@ export default function StaffSchedulePage() {
                <i className="fa-solid fa-chevron-left text-xs"></i>
              </button>
              <button
-                title="Tiếp theo"
+                title="Next"
                type="button"
                onClick={view === "week" ? goToNextWeek : goToNextMonth}
                className="flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg border-none bg-transparent text-(--color-text-muted)"
@@ -353,7 +353,7 @@ export default function StaffSchedulePage() {
          {/* Mobile FAB for manager */}
          {isManager && (
            <button
-              title="Tạo ca"
+              title="Create Shift"
              type="button"
              onClick={() => {
                setCreateDate(undefined);