Skip to content

feat(uptime): prefill add-monitor form (domain / url / owner email) #87

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ralyodio merged 1 commit into from
Jul 7, 2026
Merged

feat(uptime): prefill add-monitor form (domain / url / owner email) #87

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 14 additions & 1 deletion app/(app)/projects/[id]/uptime/add-monitor-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,17 @@ const TYPE_HINT: Record<MonitorType, string> = {
tcp: "host:port — up when the port accepts a connection.",
};

export function AddMonitorForm({ projectId }: { projectId: string }) {
export function AddMonitorForm({
projectId,
defaultName = "",
defaultTarget = "",
defaultEmail = "",
}: {
projectId: string;
defaultName?: string;
defaultTarget?: string;
defaultEmail?: string;
}) {
const router = useRouter();
const [open, setOpen] = useState(false);
const [type, setType] = useState<MonitorType>("http");
Expand Down Expand Up @@ -78,6 +88,7 @@ export function AddMonitorForm({ projectId }: { projectId: string }) {
<input
name="name"
required
defaultValue={defaultName}
placeholder="My site"
className="rounded border border-[var(--color-border)] bg-[var(--color-bg)] px-2 py-1.5 text-sm"
/>
Expand All @@ -89,6 +100,7 @@ export function AddMonitorForm({ projectId }: { projectId: string }) {
<input
name="target"
required
defaultValue={defaultTarget}
placeholder={type === "tcp" ? "db.example.com:5432" : type === "ssl" ? "example.com" : "https://example.com"}
className="rounded border border-[var(--color-border)] bg-[var(--color-bg)] px-2 py-1.5 text-sm font-mono"
/>
Expand Down Expand Up @@ -134,6 +146,7 @@ export function AddMonitorForm({ projectId }: { projectId: string }) {
<input
name="alertEmail"
type="email"
defaultValue={defaultEmail}
placeholder="you@example.com"
className="rounded border border-[var(--color-border)] bg-[var(--color-bg)] px-2 py-1.5 text-sm"
/>
Expand Down
20 changes: 18 additions & 2 deletions app/(app)/projects/[id]/uptime/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,11 +59,22 @@ export default async function ProjectUptimePage({

const { data: project } = await supabase
.from("projects")
.select("id")
.select("id, url")
.eq("id", id)
.maybeSingle();
if (!project) notFound();

// Prefill the add-monitor form with what we already know about the project.
const {
data: { user },
} = await supabase.auth.getUser();
let domain = project.url as string;
try {
domain = new URL(project.url).host;
} catch {
/* keep raw url as the label */
}

const { data: monitorsData } = await supabase
.from("monitors")
.select(
Expand Down Expand Up @@ -92,7 +103,12 @@ export default async function ProjectUptimePage({
down — and again when it recovers. HTTP, keyword, SSL-expiry, and TCP.
</p>
</div>
<AddMonitorForm projectId={id} />
<AddMonitorForm
projectId={id}
defaultName={domain}
defaultTarget={project.url}
defaultEmail={user?.email ?? ""}
/>
</div>

{/* Monitors */}
Expand Down
Loading