- completely rewrite the Sonner toaster component with theme-aligned styling, default top-center position, brand-colored toast states, and improved spacing/sizing - update root layout to remove hardcoded Toaster position prop since the component now handles its own positioning - add toggle to show/hide completed quote items on the quote process page - add empty state message when all quote items are fully processed - memoize displayed quote items for stable sorting and filtering
63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import "leaflet/dist/leaflet.css";
|
|
import "./globals.css";
|
|
import { ThemeProvider } from "@/components/theme-provider";
|
|
import { AuthProvider } from "@/components/auth-provider";
|
|
import { Toaster } from "@/components/ui/sonner";
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import { ServiceWorkerRegistration } from "@/components/service-worker-registration";
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const viewport: Viewport = {
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
viewportFit: "cover",
|
|
themeColor: "#E85D4C",
|
|
};
|
|
|
|
export const metadata: Metadata = {
|
|
title: "WFDASH - Business CRM",
|
|
description: "Business CRM for managing customers, companies, suppliers, quotes, and orders",
|
|
manifest: "/manifest.json",
|
|
appleWebApp: {
|
|
capable: true,
|
|
statusBarStyle: "default",
|
|
title: "WFDASH",
|
|
},
|
|
icons: {
|
|
icon: "/icons/icon.svg",
|
|
apple: "/icons/icon.svg",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html
|
|
lang="en"
|
|
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
|
|
suppressHydrationWarning
|
|
>
|
|
<body className="min-h-full flex flex-col">
|
|
<ServiceWorkerRegistration />
|
|
<ThemeProvider>
|
|
<TooltipProvider>
|
|
<AuthProvider>
|
|
{children}
|
|
</AuthProvider>
|
|
</TooltipProvider>
|
|
<Toaster richColors />
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|