Openstatus
www.openstatus.dev
chore: move provider (#1588)
authored by
Maximilian Kaske
and committed by
GitHub
7168aab0
e67790f4
+37
-37
+6
-34
apps/web/src/app/(landing)/layout.tsx
+6
-34
apps/web/src/app/(landing)/layout.tsx
···
1
-
import { ThemeProvider } from "@/components/theme-provider";
2
-
import { Toaster } from "@/components/ui/sonner";
3
1
import { Footer } from "@/content/footer";
4
2
import { Header } from "@/content/header";
5
3
import { SubNav } from "@/content/sub-nav";
6
-
import PlausibleProvider from "next-plausible";
7
4
8
5
export default function Layout({ children }: { children: React.ReactNode }) {
9
6
return (
10
-
<PlausibleProvider domain="openstatus.dev">
11
-
<ThemeProvider attribute="class" defaultTheme="light" enableSystem>
12
-
<div className="mx-auto flex min-h-screen max-w-5xl flex-col gap-4 font-mono">
13
-
<Header />
14
-
<SubNav />
15
-
<main className="flex-1 px-4 py-4">{children}</main>
16
-
<Footer />
17
-
</div>
18
-
<Toaster
19
-
toastOptions={{
20
-
classNames: {
21
-
toast:
22
-
"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg rounded-none!",
23
-
description: "group-[.toast]:text-muted-foreground",
24
-
actionButton:
25
-
"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground rounded-none!",
26
-
cancelButton:
27
-
"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
28
-
closeButton: "group-[.toast]:text-muted-foreground",
29
-
},
30
-
}}
31
-
icons={{
32
-
success: null,
33
-
error: null,
34
-
warning: null,
35
-
info: null,
36
-
loading: null,
37
-
}}
38
-
/>
39
-
</ThemeProvider>
40
-
</PlausibleProvider>
7
+
<div className="mx-auto flex min-h-screen max-w-5xl flex-col gap-4 font-mono">
8
+
<Header />
9
+
<SubNav />
10
+
<main className="flex-1 px-4 py-4">{children}</main>
11
+
<Footer />
12
+
</div>
41
13
);
42
14
}
+31
-3
apps/web/src/app/layout.tsx
+31
-3
apps/web/src/app/layout.tsx
···
10
10
ogMetadata,
11
11
twitterMetadata,
12
12
} from "@/app/shared-metadata";
13
+
import { ThemeProvider } from "@/components/theme-provider";
14
+
import { Toaster } from "@/components/ui/sonner";
13
15
import { env } from "@/env";
14
16
import { TRPCReactQueryProvider } from "@/trpc/rq-client";
17
+
import PlausibleProvider from "next-plausible";
15
18
import { NuqsAdapter } from "nuqs/adapters/next/app";
16
19
17
20
const inter = Inter({ subsets: ["latin"] });
···
44
47
// biome-ignore lint/nursery/useSortedClasses: <explanation>
45
48
} ${calSans.variable}`}
46
49
>
47
-
<NuqsAdapter>
48
-
<TRPCReactQueryProvider>{children}</TRPCReactQueryProvider>
49
-
</NuqsAdapter>
50
+
<PlausibleProvider domain="openstatus.dev">
51
+
<ThemeProvider attribute="class" defaultTheme="light" enableSystem>
52
+
<NuqsAdapter>
53
+
<TRPCReactQueryProvider>{children}</TRPCReactQueryProvider>
54
+
</NuqsAdapter>
55
+
</ThemeProvider>
56
+
</PlausibleProvider>
50
57
{env.NEXT_PUBLIC_OPENPANEL_CLIENT_ID && (
51
58
<OpenPanelComponent
52
59
clientId={env.NEXT_PUBLIC_OPENPANEL_CLIENT_ID}
···
55
62
trackAttributes
56
63
/>
57
64
)}
65
+
<Toaster
66
+
toastOptions={{
67
+
classNames: {
68
+
toast:
69
+
"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg rounded-none!",
70
+
description: "group-[.toast]:text-muted-foreground",
71
+
actionButton:
72
+
"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground rounded-none!",
73
+
cancelButton:
74
+
"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
75
+
closeButton: "group-[.toast]:text-muted-foreground",
76
+
},
77
+
}}
78
+
icons={{
79
+
success: null,
80
+
error: null,
81
+
warning: null,
82
+
info: null,
83
+
loading: null,
84
+
}}
85
+
/>
58
86
</body>
59
87
</html>
60
88
);