Openstatus www.openstatus.dev

chore: add themes note (#1750)

authored by

Maximilian Kaske and committed by
GitHub
40278f32 725dee48

+13 -1
+1 -1
apps/dashboard/src/app/(dashboard)/overview/page.tsx
··· 140 <Note> 141 <Terminal /> 142 Use Monitoring as Code to manage your monitors with our CLI. 143 - <NoteButton variant="outline" asChild> 144 <Link href="/cli">Learn more</Link> 145 </NoteButton> 146 </Note>
··· 140 <Note> 141 <Terminal /> 142 Use Monitoring as Code to manage your monitors with our CLI. 143 + <NoteButton variant="default" asChild> 144 <Link href="/cli">Learn more</Link> 145 </NoteButton> 146 </Note>
+12
apps/dashboard/src/app/(dashboard)/status-pages/(list)/client.tsx
··· 1 "use client"; 2 3 import { 4 SectionDescription, 5 SectionGroup, ··· 11 import { DataTablePaginationSimple } from "@/components/ui/data-table/data-table-pagination"; 12 import { useTRPC } from "@/lib/trpc/client"; 13 import { useQuery } from "@tanstack/react-query"; 14 15 export function Client() { 16 const trpc = useTRPC(); ··· 21 22 return ( 23 <SectionGroup> 24 <SectionHeader> 25 <SectionTitle>Status Pages</SectionTitle> 26 <SectionDescription>
··· 1 "use client"; 2 3 + import { Note, NoteButton } from "@/components/common/note"; 4 import { 5 SectionDescription, 6 SectionGroup, ··· 12 import { DataTablePaginationSimple } from "@/components/ui/data-table/data-table-pagination"; 13 import { useTRPC } from "@/lib/trpc/client"; 14 import { useQuery } from "@tanstack/react-query"; 15 + import { Palette } from "lucide-react"; 16 + import Link from "next/link"; 17 18 export function Client() { 19 const trpc = useTRPC(); ··· 24 25 return ( 26 <SectionGroup> 27 + <Note> 28 + <Palette /> 29 + Create your own custom themes for your status pages. 30 + <NoteButton variant="default" asChild> 31 + <Link href="https://themes.openstatus.dev" target="_blank"> 32 + Learn more 33 + </Link> 34 + </NoteButton> 35 + </Note> 36 <SectionHeader> 37 <SectionTitle>Status Pages</SectionTitle> 38 <SectionDescription>