Openstatus
www.openstatus.dev
✏️ small improvements (#183)
* ✏️ small improvements
* ✏️ small improvements
authored by
Thibault Le Ouay
and committed by
GitHub
25aad594
21358c30
+35
-19
+6
-5
apps/web/src/app/app/(auth)/layout.tsx
+6
-5
apps/web/src/app/app/(auth)/layout.tsx
···
12
12
<aside className="border-border col-span-1 flex w-full items-center justify-center border p-3 backdrop-blur-[2px] md:p-6">
13
13
<div className="w-full max-w-lg text-left">
14
14
<h1 className="font-cal text-foreground mb-3 text-2xl">
15
-
Open Source Status Page
15
+
Open Source Monitoring Service
16
16
</h1>
17
17
<p className="text-muted-foreground">
18
-
Create your own status page within a couple of minutes. You are
19
-
developer and want to know how it works? <br />
18
+
Monitor your website or API and create your own status page within a
19
+
couple of minutes. Want to know how it works? <br />
20
+
<br />
20
21
Check out{" "}
21
22
<a
22
23
href="https://github.com/openstatushq/openstatus"
···
30
31
</p>
31
32
{/* Add Demo tracker here? */}
32
33
<div className="h-12" />
33
-
<p className="text-muted-foreground text-right text-sm font-light">
34
+
{/* <p className="text-muted-foreground text-right text-sm font-light">
34
35
*your data is safe
35
-
</p>
36
+
</p> */}
36
37
</div>
37
38
</aside>
38
39
<main className="container col-span-1 mx-auto flex items-center justify-center md:col-span-1 xl:col-span-2">
+9
-2
apps/web/src/app/app/(auth)/sign-in/[[...sign-in]]/page.tsx
+9
-2
apps/web/src/app/app/(auth)/sign-in/[[...sign-in]]/page.tsx
···
1
-
import { SignIn } from "@clerk/nextjs";
1
+
import { redirect } from "next/navigation";
2
+
import { auth, SignIn } from "@clerk/nextjs";
2
3
3
4
export default function Page() {
4
-
return <SignIn redirectUrl={"/app"} />;
5
+
const { userId } = auth();
6
+
7
+
if (userId) {
8
+
redirect("/app");
9
+
}
10
+
11
+
return <SignIn redirectUrl={"/app"} afterSignInUrl={"/app"} />;
5
12
}
+9
-2
apps/web/src/app/app/(auth)/sign-up/[[...sign-up]]/page.tsx
+9
-2
apps/web/src/app/app/(auth)/sign-up/[[...sign-up]]/page.tsx
···
1
-
import { SignUp } from "@clerk/nextjs";
1
+
import { redirect } from "next/navigation";
2
+
import { auth, SignUp } from "@clerk/nextjs";
2
3
3
4
export default function Page() {
4
-
return <SignUp redirectUrl={"/app"} />;
5
+
const { userId } = auth();
6
+
7
+
if (userId) {
8
+
redirect("/app");
9
+
}
10
+
11
+
return <SignUp redirectUrl={"/app"} afterSignUpUrl={"/app"} />;
5
12
}
+2
-1
apps/web/src/app/layout.tsx
+2
-1
apps/web/src/app/layout.tsx
···
20
20
});
21
21
22
22
const TITLE = "OpenStatus";
23
-
const DESCRIPTION = "Open-Source alternative to your current status page.";
23
+
const DESCRIPTION =
24
+
"Open-Source alternative to your current status page and monitoring service.";
24
25
25
26
export const metadata: Metadata = {
26
27
title: TITLE,
+1
-1
apps/web/src/app/page.tsx
+1
-1
apps/web/src/app/page.tsx
···
36
36
</p>
37
37
<div className="my-4 flex items-center justify-center gap-2">
38
38
<Button asChild className="rounded-full">
39
-
<Link href="/app">Get Started</Link>
39
+
<Link href="/app/sign-up">Get Started</Link>
40
40
</Button>
41
41
<Button asChild variant="link">
42
42
<Link href="/github" target="_blank">
+1
-1
apps/web/src/components/layout/marketing-header.tsx
+1
-1
apps/web/src/components/layout/marketing-header.tsx
+1
-1
apps/web/src/components/marketing/cards.tsx
+1
-1
apps/web/src/components/marketing/cards.tsx
···
18
18
icon: "panel-top",
19
19
title: "Status Pages",
20
20
description:
21
-
"Create your own status page within seconds. Select your monitors you wish to display.",
21
+
"Create your own status page within seconds. Select the information you want to display.",
22
22
},
23
23
{
24
24
icon: "siren",
+3
-3
apps/web/src/components/marketing/faqs.tsx
+3
-3
apps/web/src/components/marketing/faqs.tsx
···
17
17
},
18
18
{
19
19
q: "How does it work?",
20
-
a: "We will ping your endpoint from multiple region to figure out if it's up or down. We will then display the status on your status page.",
20
+
a: "We ping your endpoints from multiple regions to calculate uptime. We display the status on your status page.",
21
21
},
22
22
{
23
23
q: "What regions do we support?",
24
-
a: "We support all the <strong>vercel regions</strong>. Find the full list <a href='https://vercel.com/docs/concepts/edge-network/regions' target='_blank'>here</a>.",
24
+
a: "We support all the <strong>Vercel regions</strong>. Find the full list <a href='https://vercel.com/docs/concepts/edge-network/regions' target='_blank'>here</a>.",
25
25
},
26
26
{
27
27
q: "How can I help?",
28
-
a: "You can star our project on <a href='https://github.com/openstatusHQ/openstatus'>github</a>, or contribute to it. Or you can also become a paid user.",
28
+
a: "You can star our project on <a href='https://github.com/openstatusHQ/openstatus'>GitHub</a>, or contribute to it. Or you can also become a paid user.",
29
29
},
30
30
];
31
31
+2
-2
apps/web/src/components/marketing/plans.tsx
+2
-2
apps/web/src/components/marketing/plans.tsx
···
30
30
],
31
31
action: {
32
32
text: "Start Now",
33
-
link: "/app?plan=hobby",
33
+
link: "/app/sign-up?plan=hobby",
34
34
},
35
35
},
36
36
pro: {
···
46
46
],
47
47
action: {
48
48
text: "Start Now",
49
-
link: "/app?plan=pro",
49
+
link: "/app/sign-up?plan=pro",
50
50
},
51
51
},
52
52
enterprise: {
+1
-1
packages/emails/emails/welcome.tsx
+1
-1
packages/emails/emails/welcome.tsx
···
25
25
Thibault Le Ouay Ducasse
26
26
<br />
27
27
<br />⭐ Star us on{" "}
28
-
<Link href="https://github.com/openstatushq/openstatus">Github</Link>
28
+
<Link href="https://github.com/openstatushq/openstatus">GitHub</Link>
29
29
<br />
30
30
🚀 Visit our website{" "}
31
31
<Link href="https://www.openstatus.dev">OpenStatus.dev</Link>