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.
1.1 kB · 39 lines
TSX
12345678910111213141516171819202122232425262728293031323334353637383940"use client";
import { Input } from "@openstatus/ui/components/ui/input";import { Label } from "@openstatus/ui/components/ui/label";import { useFormStatus } from "react-dom";import { toast } from "sonner";
import { signInWithResendAction } from "./actions";import { LoginButton } from "./login-button";
/** * @deprecated - only to be used in development mode */export default function MagicLinkForm() { const { pending } = useFormStatus();
return ( <form action={async (formData) => { try { await signInWithResendAction(formData); toast.success("Check your terminal for the magic link."); } catch (e) { console.error(e); toast.error("Error sending magic link."); } }} className="grid gap-2" > <div className="grid gap-1.5"> <Label htmlFor="email">Email</Label> <Input id="email" name="email" type="email" required /> </div> <LoginButton provider="email"> {pending ? "Logging..." : "Log Magic Link"} </LoginButton> </form> );}