soroush.asadi
dcdb0d5747
CI/CD / CI · API (dotnet build + test) (push) Successful in 47s
CI/CD / CI · Admin API (dotnet build) (push) Successful in 32s
CI/CD / CI · Dashboard (tsc) (push) Successful in 1m4s
CI/CD / CI · Admin Web (tsc) (push) Successful in 37s
CI/CD / CI · Website (tsc) (push) Successful in 44s
CI/CD / CI · Koja (tsc) (push) Successful in 49s
CI/CD / Deploy · all services (push) Successful in 3m9s
Guest orders from the QR/digital menu already notified via SignalR, but only screens that were open (KDS/POS/tables) reacted — and silently (a data refresh, no alert). So staff on any other screen never knew a menu order arrived. - Add a global useOrderAlerts() mounted in the dashboard shell: connects to /hubs/kds, joins the café group, and on a new GUEST order plays a chime + shows a toast (localized fa/en/ar) + nudges order/KDS/POS lists to refresh — on every screen. - Filter to guest QR-menu orders only (not staff POS orders): LiveOrderDto now carries Source, set in MapLiveOrder (+ the delivery/snappfood mappers). 86 API tests pass; dashboard tsc + build clean.
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import { useLocale } from "next-intl";
|
|
import { useRouter } from "@/i18n/routing";
|
|
import { Sidebar } from "@/components/layout/sidebar";
|
|
import { Topbar } from "@/components/layout/topbar";
|
|
import { RouteGuard } from "@/components/auth/route-guard";
|
|
import { CafeThemeProvider } from "@/components/theme/cafe-theme-provider";
|
|
import { useAuthStore } from "@/lib/stores/auth.store";
|
|
import { useOfflineSync } from "@/lib/offline/use-offline-sync";
|
|
import { useOrderAlerts } from "@/lib/realtime/use-order-alerts";
|
|
|
|
export default function DashboardLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
const locale = useLocale();
|
|
const router = useRouter();
|
|
const user = useAuthStore((s) => s.user);
|
|
const hasHydrated = useAuthStore((s) => s._hasHydrated);
|
|
useOfflineSync(); // register online/offline listeners + load queue count
|
|
useOrderAlerts(); // global sound+toast alert for guest QR-menu orders, any screen
|
|
|
|
useEffect(() => {
|
|
// Wait for Zustand to finish reading localStorage before deciding to redirect.
|
|
// Without this guard, the effect fires while user is still null on first render,
|
|
// causing a spurious redirect to /login even when the token exists in storage.
|
|
if (hasHydrated && !user?.accessToken) {
|
|
router.replace("/login");
|
|
}
|
|
}, [user, hasHydrated, router]);
|
|
|
|
const isRtl = locale !== "en";
|
|
|
|
const mainColumn = (
|
|
<div className="flex min-h-0 min-w-0 flex-1 flex-col">
|
|
<Topbar />
|
|
<main className="min-h-0 flex-1 overflow-auto p-6 bg-background">
|
|
<RouteGuard>{children}</RouteGuard>
|
|
</main>
|
|
</div>
|
|
);
|
|
|
|
return (
|
|
<CafeThemeProvider>
|
|
<div
|
|
className="flex h-screen min-h-0 overflow-hidden bg-background"
|
|
dir={isRtl ? "rtl" : "ltr"}
|
|
>
|
|
{isRtl ? (
|
|
<>
|
|
<Sidebar side="right" />
|
|
{mainColumn}
|
|
</>
|
|
) : (
|
|
<>
|
|
<Sidebar side="left" />
|
|
{mainColumn}
|
|
</>
|
|
)}
|
|
</div>
|
|
</CafeThemeProvider>
|
|
);
|
|
}
|