Skip to main content

SecurityAlertForm

packages/engagement/components/organisms/SecurityAlertForm.js · Tier: organism · Module: engagement · Rendering: Client Component ('use client')

Purpose​

The two-column form to create a new security alert. The left column hosts the descriptive/metadata fields (severity, description, zone, neighbourhood, expiration); the right column holds the interactive map picker that drives the latitude/longitude values.

Props​

PropTypeRequiredDefaultDescription
tobjectyes—Form dictionary.
tSeverityRecord<string,string>yes—Severity labels.
barriosArray<{ id, zone, neighbourhoods }>yes—Zones + neighbourhoods for the selects.
langstringyes—Locale.

Composition​

  • Uses: molecules/core/LocationPickerMapClient, atoms/core/FormField, atoms/core/Button, atoms/core/Icon, the security-alert action, useLocalizedBack.
  • Used by: the /security/alerts/new page.

Internationalisation​

Copy via t; severity options via tSeverity.

Accessibility​

Fields via FormField; the map picker is keyboard-operable with a manual-coordinate alternative.

molecules/core/LocationPickerMap, organisms/engagement/SecurityAlertList, molecules/engagement/SecurityAlertCard.