penn-marketplace/frontend/app/layout.tsx at 2acca807cef9e597dee8fd05052be7198d56a8d1 · pennlabs/penn-marketplace · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import { Footer } from "@/components/common/Footer";
import { Navbar } from "@/components/navbar/Navbar";
import { Toaster } from "@/components/ui/sonner";
import FiltersProvider from "@/providers/FiltersProvider";
import TanstackQueryProvider from "@/providers/TanstackQueryProvider";

const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
});

const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
});

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} bg-background flex min-h-screen flex-col antialiased`}
      >
        <TanstackQueryProvider>
          <FiltersProvider>
            <Navbar />
            <div className="container mx-auto w-full max-w-[96rem] space-y-6 px-12 pt-22 pb-12">
              {children}
            </div>
            <Footer />
          </FiltersProvider>
          <ReactQueryDevtools />
          <Toaster />
        </TanstackQueryProvider>
      </body>
    </html>
  );
}