openstatus.dev
Openstatus
www.openstatus.dev
chore: update page-components banner (#1804)
authored by
Maximilian Kaske
and committed by
GitHub
72ffa4a3
b44e73a8
+13
-2
+6
apps/dashboard/src/components/common/link.tsx
+6
apps/dashboard/src/components/common/link.tsx
···
8
8
className,
9
9
...props
10
10
}: React.ComponentProps<typeof NextLink>) {
11
+
const isExternal = props.href?.toString().startsWith("http");
12
+
const externalProps = isExternal
13
+
? { target: "_blank", rel: "noopener noreferrer" }
14
+
: {};
15
+
11
16
return (
12
17
<NextLink
13
18
className={cn("font-medium text-foreground", className)}
19
+
{...externalProps}
14
20
{...props}
15
21
>
16
22
{children}
+7
-2
apps/dashboard/src/components/forms/status-page/update.tsx
+7
-2
apps/dashboard/src/components/forms/status-page/update.tsx
···
1
1
import { Link } from "@/components/common/link";
2
-
import { Note } from "@/components/common/note";
2
+
import { Note, NoteButton } from "@/components/common/note";
3
3
import { FormCardGroup } from "@/components/forms/form-card";
4
4
import { useTRPC } from "@/lib/trpc/client";
5
5
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
···
82
82
<Info />
83
83
<p className="text-sm">
84
84
Looking to connect monitors to your status page? The setup now has a
85
-
separate components page{" "}
85
+
separate page{" "}
86
86
<Link href={`/status-pages/${id}/components`}>components</Link>.
87
87
</p>
88
+
<NoteButton variant="default" asChild>
89
+
<Link href="https://openstatus.dev/blog/status-page-components">
90
+
Learn more
91
+
</Link>
92
+
</NoteButton>
88
93
</Note>
89
94
<FormGeneral
90
95
defaultValues={{