Skip to main content

Function: handleSubmit()

handleSubmit(event: FormEvent, properties: { addMonitorToSite: (siteIdentifier: string, monitor: Monitor) => Promise<void>; clearError: () => void; createSite: (siteData: { identifier: string; monitoring?: boolean; monitors?: Monitor[]; name?: string; }) => Promise<void>; generateUuid: () => string; logger: LoggerInterface; onSuccess?: () => void; setFormError: (error: string | undefined) => void; addMode: FormMode; baselineUrl: string; bodyKeyword: string; certificateWarningDays: string; checkInterval: number; edgeLocations: string; expectedHeaderValue: string; expectedJsonValue: string; expectedStatusCode: string; expectedValue: string; formError: string | undefined; headerName: string; heartbeatExpectedStatus: string; heartbeatMaxDriftSeconds: string; heartbeatStatusField: string; heartbeatTimestampField: string; host: string; jsonPath: string; maxPongDelayMs: string; maxReplicationLagSeconds: string; maxResponseTime: string; monitorType: "http" | "http-keyword" | "http-status" | "http-header" | "http-json" | "http-latency" | "port" | "ping" | "dns" | "ssl" | "websocket-keepalive" | "server-heartbeat" | "replication" | "cdn-edge-consistency"; name: string; port: string; primaryStatusUrl: string; recordType: string; replicaStatusUrl: string; replicationTimestampField: string; selectedExistingSite: string; siteIdentifier: string; url: string; }): Promise<void>

Defined in: src/components/AddSiteForm/Submit.tsx:505

Handles form submission for adding sites or monitors.

Performs comprehensive validation based on add mode and monitor type:

  • For new sites: validates site name and monitor configuration
  • For existing sites: validates site selection and monitor configuration
  • For HTTP monitors: validates URL format and protocol
  • For port monitors: validates host and port number

Parameters​

event​

FormEvent

Form submission event

properties​

Form state, actions, and dependencies

addMonitorToSite​

(siteIdentifier: string, monitor: Monitor) => Promise<void>

Add a monitor to an existing site

clearError​

() => void

Clear any existing error state

createSite​

(siteData: { identifier: string; monitoring?: boolean; monitors?: Monitor[]; name?: string; }) => Promise<void>

Create a new site with monitors

generateUuid​

() => string

UUID generator function for creating unique identifiers

logger​

LoggerInterface

Logger instance for debugging and error tracking

onSuccess?​

() => void

Optional callback executed after successful submission

setFormError​

(error: string | undefined) => void

Set form error message

addMode​

FormMode

Form operation mode (new site vs existing site)

baselineUrl​

string

Baseline URL for CDN edge consistency monitors

bodyKeyword​

string

Keyword to match for HTTP keyword monitors

certificateWarningDays​

string

SSL certificate warning days

checkInterval​

number

Check interval in milliseconds

edgeLocations​

string

Edge endpoint list for CDN edge consistency monitors

expectedHeaderValue​

string

Expected HTTP header value for header monitors

expectedJsonValue​

string

Expected JSON value for JSON monitors

expectedStatusCode​

string

Expected HTTP status code for status-based HTTP monitors

expectedValue​

string

Expected value for DNS record verification

formError​

string | undefined

Current form validation error

headerName​

string

Header name for HTTP header monitors

heartbeatExpectedStatus​

string

Expected heartbeat status field

heartbeatMaxDriftSeconds​

string

Heartbeat drift tolerance

heartbeatStatusField​

string

Heartbeat status field path

heartbeatTimestampField​

string

Heartbeat timestamp field path

host​

string

Host/IP field for port and DNS monitors

jsonPath​

string

JSON path for HTTP JSON monitors

maxPongDelayMs​

string

Maximum pong delay for WebSocket monitors

maxReplicationLagSeconds​

string

Maximum replication lag in seconds

maxResponseTime​

string

Maximum response time for latency monitors

monitorType​

"http" | "http-keyword" | "http-status" | "http-header" | "http-json" | "http-latency" | "port" | "ping" | "dns" | "ssl" | "websocket-keepalive" | "server-heartbeat" | "replication" | "cdn-edge-consistency"

Selected monitor type

name​

string

Display name for the site

port​

string

Port number field for port monitors

primaryStatusUrl​

string

Primary replication status URL

recordType​

string

DNS record type field for DNS monitors

replicaStatusUrl​

string

Replica status URL

replicationTimestampField​

string

Replication timestamp field

selectedExistingSite​

string

Selected existing site identifier when adding to existing

siteIdentifier​

string

Generated site identifier

url​

string

URL field for HTTP monitors

Returns​

Promise<void>

Promise that resolves when submission is complete

Example​

const handleFormSubmit = (e: FormEvent) => {
    handleSubmit(e, {
        ...formState,
        ...formActions,
        ...storeActions,
        generateUuid,
        logger,
        onSuccess: () => setIsVisible(false),
    });
};