FoodSurf/frontend
1
0
Fork 1
Code Pull Requests Actions Packages Releases 31 Activity

chore: release [ci skip]

Browse Source
This commit is contained in:
gitea-actions
2026-05-14 15:57:15 +00:00
parent b37bf5d088
commit 9f8695a870
26 changed files with 509 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(staff)/staff/schedule/page.tsx
+56 -17
View File
@@ -12,8 +12,18 @@ import Link from "next/link";
import { useState } from "react";
const MONTH_NAMES = [
"January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December",
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December",
];
function getMonday(d: Date): Date {
@@ -31,10 +41,16 @@ function formatDateShort(d: Date): string {
export default function StaffSchedulePage() {
const { user, logout } = useAuth();
const {
view, setView, currentDate,
goToNextWeek, goToPrevWeek,
goToNextMonth, goToPrevMonth,
goToToday, getWeeklyBudget, shifts,
view,
setView,
currentDate,
goToNextWeek,
goToPrevWeek,
goToNextMonth,
goToPrevMonth,
goToToday,
getWeeklyBudget,
shifts,
} = useShift();
const [selectedShift, setSelectedShift] = useState<ShiftEntity | null>(null);
@@ -70,7 +86,8 @@ export default function StaffSchedulePage() {
// Count shifts this week for stats
const totalShiftsThisWeek = shifts.filter((s) => {
if (!s.date) return false;
const d = s.date instanceof Date ? s.date : new Date(s.date as unknown as string);
const d =
s.date instanceof Date ? s.date : new Date(s.date as unknown as string);
return d >= monday && d <= sunday;
}).length;
@@ -107,7 +124,9 @@ export default function StaffSchedulePage() {
: "bg-transparent text-(--color-text-secondary) hover:bg-gray-50 hover:text-(--color-primary-dark)"
}`}
>
<i className={`fa-solid fa-table-columns w-4 text-center ${view === "week" ? "text-(--color-primary)" : ""}`}></i>
<i
className={`fa-solid fa-table-columns w-4 text-center ${view === "week" ? "text-(--color-primary)" : ""}`}
></i>
<span className="flex-1 text-left">Weekly</span>
{view === "week" && (
<span className="h-1.5 w-1.5 rounded-full bg-(--color-primary)"></span>
@@ -122,7 +141,9 @@ export default function StaffSchedulePage() {
: "bg-transparent text-(--color-text-secondary) hover:bg-gray-50 hover:text-(--color-primary-dark)"
}`}
>
<i className={`fa-solid fa-calendar w-4 text-center ${view === "month" ? "text-(--color-primary)" : ""}`}></i>
<i
className={`fa-solid fa-calendar w-4 text-center ${view === "month" ? "text-(--color-primary)" : ""}`}
></i>
<span className="flex-1 text-left">Monthly</span>
{view === "month" && (
<span className="h-1.5 w-1.5 rounded-full bg-(--color-primary)"></span>
@@ -161,7 +182,10 @@ export default function StaffSchedulePage() {
{/* Create shift button */}
<button
type="button"
onClick={() => { setCreateDate(undefined); setCreateOpen(true); }}
onClick={() => {
setCreateDate(undefined);
setCreateOpen(true);
}}
className="mt-1 flex w-full cursor-pointer items-center gap-3 rounded-xl border-none bg-(--color-primary)/10 px-3 py-2.5 text-sm font-semibold text-(--color-primary) transition-all hover:bg-(--color-primary)/20"
>
<i className="fa-solid fa-plus w-4 text-center"></i>
@@ -201,15 +225,21 @@ export default function StaffSchedulePage() {
<div className="border-t border-(--color-border-light) p-3">
<div className="flex items-center gap-3 rounded-xl bg-gray-50 p-3">
<div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-(--color-primary)/15">
<i className={`fa-solid ${isManager ? "fa-user-tie" : "fa-user"} text-sm text-(--color-primary)`}></i>
<i
className={`fa-solid ${isManager ? "fa-user-tie" : "fa-user"} text-sm text-(--color-primary)`}
></i>
</div>
<div className="min-w-0 flex-1">
<p className="text-foreground truncate text-sm font-semibold">
{user?.name ?? "Staff"}
</p>
<span className={`inline-block rounded-full px-2 py-px text-[10px] font-semibold ${
isManager ? "bg-(--color-primary)/10 text-(--color-primary)" : "bg-gray-100 text-(--color-text-muted)"
}`}>
<span
className={`inline-block rounded-full px-2 py-px text-[10px] font-semibold ${
isManager
? "bg-(--color-primary)/10 text-(--color-primary)"
: "bg-gray-100 text-(--color-text-muted)"
}`}
>
{isManager ? "Manager" : "Staff"}
</span>
</div>
@@ -309,7 +339,10 @@ export default function StaffSchedulePage() {
{isManager && (
<button
type="button"
onClick={() => { setCreateDate(undefined); setCreateOpen(true); }}
onClick={() => {
setCreateDate(undefined);
setCreateOpen(true);
}}
className="hidden cursor-pointer items-center gap-2 rounded-xl border-none bg-(--color-primary) px-4 py-2 text-xs font-bold text-white shadow-sm transition hover:opacity-90 md:flex"
>
<i className="fa-solid fa-plus"></i>
@@ -375,7 +408,10 @@ export default function StaffSchedulePage() {
<button
title="Create shift"
type="button"
onClick={() => { setCreateDate(undefined); setCreateOpen(true); }}
onClick={() => {
setCreateDate(undefined);
setCreateOpen(true);
}}
className="fixed right-4 bottom-6 z-30 flex h-14 w-14 cursor-pointer items-center justify-center rounded-full border-none bg-(--color-primary) text-white shadow-xl transition hover:opacity-90 md:hidden"
>
<i className="fa-solid fa-plus text-lg"></i>
@@ -388,7 +424,10 @@ export default function StaffSchedulePage() {
<ShiftDetailModal
shift={selectedShift}
isOpen={detailOpen}
onClose={() => { setDetailOpen(false); setSelectedShift(null); }}
onClose={() => {
setDetailOpen(false);
setSelectedShift(null);
}}
/>
<ShiftCreateModal
isOpen={createOpen}