openstatus.dev
Openstatus
www.openstatus.dev
chore: stpg improvements (#1362)
* refactor: metadata
* fix: favicon
* wip: support button
* chore: page links
* fix: format
authored by
Maximilian Kaske
and committed by
GitHub
762630dd
22132c19
+133
-71
-49
apps/status-page/src/app/(status-page)/[domain]/(public)/layout.tsx
-49
apps/status-page/src/app/(status-page)/[domain]/(public)/layout.tsx
···
1
-
import { defaultMetadata, ogMetadata, twitterMetadata } from "@/app/metadata";
2
1
import { Footer } from "@/components/nav/footer";
3
2
import { Header } from "@/components/nav/header";
4
-
import { getQueryClient, trpc } from "@/lib/trpc/server";
5
-
import type { Metadata } from "next";
6
-
import { notFound } from "next/navigation";
7
3
8
4
export default function Layout({ children }: { children: React.ReactNode }) {
9
5
return (
···
16
12
</div>
17
13
);
18
14
}
19
-
20
-
export async function generateMetadata({
21
-
params,
22
-
}: {
23
-
params: Promise<{ domain: string }>;
24
-
}): Promise<Metadata> {
25
-
const queryClient = getQueryClient();
26
-
const { domain } = await params;
27
-
const page = await queryClient.fetchQuery(
28
-
trpc.statusPage.get.queryOptions({ slug: domain }),
29
-
);
30
-
31
-
if (!page) return notFound();
32
-
33
-
return {
34
-
...defaultMetadata,
35
-
title: {
36
-
template: `%s | ${page.title}`,
37
-
default: page?.title,
38
-
},
39
-
description: page?.description,
40
-
icons: page?.icon,
41
-
alternates: {
42
-
canonical: page?.customDomain
43
-
? `https://${page.customDomain}`
44
-
: `https://${page.slug}.openstatus.dev`,
45
-
},
46
-
twitter: {
47
-
...twitterMetadata,
48
-
images: [
49
-
`/api/og/page?slug=${page?.slug}&passwordProtected=${page?.passwordProtected}`,
50
-
],
51
-
title: page?.title,
52
-
description: page?.description,
53
-
},
54
-
openGraph: {
55
-
...ogMetadata,
56
-
images: [
57
-
`/api/og/page?slug=${page?.slug}&passwordProtected=${page?.passwordProtected}`,
58
-
],
59
-
title: page?.title,
60
-
description: page?.description,
61
-
},
62
-
};
63
-
}
+48
apps/status-page/src/app/(status-page)/[domain]/layout.tsx
+48
apps/status-page/src/app/(status-page)/[domain]/layout.tsx
···
1
+
import { defaultMetadata, ogMetadata, twitterMetadata } from "@/app/metadata";
1
2
import {
2
3
FloatingButton,
3
4
StatusPageProvider,
···
5
6
import { ThemeProvider } from "@/components/theme-provider";
6
7
import { Toaster } from "@/components/ui/sonner";
7
8
import { HydrateClient, getQueryClient, trpc } from "@/lib/trpc/server";
9
+
import type { Metadata } from "next";
10
+
import { notFound } from "next/navigation";
8
11
import { z } from "zod";
9
12
10
13
export const schema = z.object({
···
55
58
</HydrateClient>
56
59
);
57
60
}
61
+
62
+
export async function generateMetadata({
63
+
params,
64
+
}: {
65
+
params: Promise<{ domain: string }>;
66
+
}): Promise<Metadata> {
67
+
const queryClient = getQueryClient();
68
+
const { domain } = await params;
69
+
const page = await queryClient.fetchQuery(
70
+
trpc.statusPage.get.queryOptions({ slug: domain }),
71
+
);
72
+
73
+
if (!page) return notFound();
74
+
75
+
return {
76
+
...defaultMetadata,
77
+
title: {
78
+
template: `%s | ${page.title}`,
79
+
default: page?.title,
80
+
},
81
+
description: page?.description,
82
+
icons: page?.icon,
83
+
alternates: {
84
+
canonical: page?.customDomain
85
+
? `https://${page.customDomain}`
86
+
: `https://${page.slug}.openstatus.dev`,
87
+
},
88
+
twitter: {
89
+
...twitterMetadata,
90
+
images: [
91
+
`/api/og/page?slug=${page?.slug}&passwordProtected=${page?.passwordProtected}`,
92
+
],
93
+
title: page?.title,
94
+
description: page?.description,
95
+
},
96
+
openGraph: {
97
+
...ogMetadata,
98
+
images: [
99
+
`/api/og/page?slug=${page?.slug}&passwordProtected=${page?.passwordProtected}`,
100
+
],
101
+
title: page?.title,
102
+
description: page?.description,
103
+
},
104
+
};
105
+
}
apps/status-page/src/app/apple.ico
apps/status-page/src/app/apple.ico
This is a binary file and will not be displayed.
apps/status-page/src/app/favicon.ico
apps/status-page/src/app/favicon.ico
This is a binary file and will not be displayed.