Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
2.7 kB · 90 lines
TSX
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091"use client";
import { Button } from "@openstatus/ui/components/ui/button";import { useState } from "react";
import { FormCard, FormCardGroup } from "@/components/forms/form-card";import { FormSheetContent, FormSheetDescription, FormSheetFooter, FormSheetHeader, FormSheetTitle, FormSheetTrigger, FormSheetWithDirtyProtection,} from "@/components/forms/form-sheet";import { FormSubscriber, type SubmitPayload, type SubscriberFormValues,} from "@/components/forms/subscriber/form";import type { CheckboxTreeItem } from "@/components/ui/checkbox-tree";
type FormSheetSubscriberProps = { children?: React.ReactNode; defaultValues?: Partial<SubscriberFormValues>; items: CheckboxTreeItem[]; onSubmit: (values: SubmitPayload) => Promise<void>; editMode?: boolean; title?: string; description?: string; open?: boolean; onOpenChange?: (open: boolean) => void; triggerProps?: Omit< React.ComponentProps<typeof FormSheetTrigger>, "onSubmit" | "asChild" >;};
export function FormSheetSubscriber({ children, defaultValues, onSubmit, items, editMode = false, title = "Add subscriber", description = "Add an email or webhook subscriber. Partner starts receiving notifications immediately - no verification required.", open: controlledOpen, onOpenChange, triggerProps,}: FormSheetSubscriberProps) { const [internalOpen, setInternalOpen] = useState(false); const open = controlledOpen ?? internalOpen; const setOpen = onOpenChange ?? setInternalOpen;
return ( <FormSheetWithDirtyProtection open={open} onOpenChange={setOpen}> {children ? ( <FormSheetTrigger {...(triggerProps ?? {})} asChild> {children} </FormSheetTrigger> ) : null} <FormSheetContent className="sm:max-w-lg"> <FormSheetHeader> <FormSheetTitle>{title}</FormSheetTitle> <FormSheetDescription>{description}</FormSheetDescription> </FormSheetHeader> <FormCardGroup className="overflow-y-auto"> <FormCard className="overflow-auto rounded-none border-none"> <FormSubscriber items={items} editMode={editMode} onSubmit={async (values) => { await onSubmit(values); setOpen(false); }} defaultValues={defaultValues} id="subscriber-form" className="my-4" /> </FormCard> </FormCardGroup> <FormSheetFooter> <Button type="submit" form="subscriber-form"> Submit </Button> </FormSheetFooter> </FormSheetContent> </FormSheetWithDirtyProtection> );}