openstatus.dev
Openstatus
www.openstatus.dev
add plausible back (#1586)
authored by
Thibault Le Ouay
and committed by
GitHub
e67790f4
d35392d7
+32
-29
+32
-29
apps/web/src/app/(landing)/layout.tsx
+32
-29
apps/web/src/app/(landing)/layout.tsx
···
3
3
import { Footer } from "@/content/footer";
4
4
import { Header } from "@/content/header";
5
5
import { SubNav } from "@/content/sub-nav";
6
+
import PlausibleProvider from "next-plausible";
6
7
7
8
export default function Layout({ children }: { children: React.ReactNode }) {
8
9
return (
9
-
<ThemeProvider attribute="class" defaultTheme="light" enableSystem>
10
-
<div className="mx-auto flex min-h-screen max-w-5xl flex-col gap-4 font-mono">
11
-
<Header />
12
-
<SubNav />
13
-
<main className="flex-1 px-4 py-4">{children}</main>
14
-
<Footer />
15
-
</div>
16
-
<Toaster
17
-
toastOptions={{
18
-
classNames: {
19
-
toast:
20
-
"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg rounded-none!",
21
-
description: "group-[.toast]:text-muted-foreground",
22
-
actionButton:
23
-
"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground rounded-none!",
24
-
cancelButton:
25
-
"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
26
-
closeButton: "group-[.toast]:text-muted-foreground",
27
-
},
28
-
}}
29
-
icons={{
30
-
success: null,
31
-
error: null,
32
-
warning: null,
33
-
info: null,
34
-
loading: null,
35
-
}}
36
-
/>
37
-
</ThemeProvider>
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>
38
41
);
39
42
}