shangzy
9bb36432ba
Lift time range state into a shared React context so the selected
range persists across page navigation and browser refreshes
(localStorage). Add a "Custom" option with a popover date picker
that lets users specify arbitrary start/end dates. All preset end
times now use endOf("day") (23:59:59) instead of the current moment.
31 lines
834 B
TypeScript
31 lines
834 B
TypeScript
"use client";
|
|
|
|
import { type ReactNode } from "react";
|
|
import { usePathname } from "next/navigation";
|
|
import { I18nProvider } from "@/lib/i18n";
|
|
import { ThemeProvider } from "@/lib/theme";
|
|
import { TimeRangeProvider } from "@/lib/time-range-context";
|
|
import { Sidebar } from "@/components/Sidebar";
|
|
|
|
export function ClientProviders({ children }: { children: ReactNode }) {
|
|
const pathname = usePathname();
|
|
const isPortal = pathname === "/portal";
|
|
|
|
return (
|
|
<ThemeProvider>
|
|
<I18nProvider>
|
|
<TimeRangeProvider>
|
|
{isPortal ? (
|
|
<>{children}</>
|
|
) : (
|
|
<>
|
|
<Sidebar />
|
|
<main className="ml-[220px] min-h-screen p-6 lg:p-8">{children}</main>
|
|
</>
|
|
)}
|
|
</TimeRangeProvider>
|
|
</I18nProvider>
|
|
</ThemeProvider>
|
|
);
|
|
}
|