Skip to main content

Function: handleSubmit()

handleSubmit(event: FormEvent, properties: { addMonitorToSite: (siteId: 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: undefined | string) => void; addMode: FormMode; checkInterval: number; expectedValue: string; formError: undefined | string; host: string; monitorType: "http" | "port" | "ping" | "dns"; name: string; port: string; recordType: string; selectedExistingSite: string; siteId: string; url: string; }): Promise<void>

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

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​

(siteId: 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: undefined | string) => void

Set form error message

addMode​

FormMode

Form operation mode (new site vs existing site)

checkInterval​

number

Check interval in milliseconds

expectedValue​

string

Expected DNS record value field for DNS monitors

formError​

undefined | string

Current form validation error

host​

string

Host/IP field for port and DNS monitors

monitorType​

"http" | "port" | "ping" | "dns"

Selected monitor type

name​

string

Display name for the site

port​

string

Port number field for port monitors

recordType​

string

DNS record type field for DNS monitors

selectedExistingSite​

string

Selected existing site ID when adding to existing

siteId​

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),
    });
};