Skip to main content

SanctionsManageList

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

Purpose​

The staff list of every registered sanction, rendered as a responsive card grid, that opens the lazy-loading detail modal when a card is selected. Optionally shows a "create sanction" affordance.

Props​

PropTypeRequiredDefaultDescription
sanctionsArray<object>yes—The sanctions.
labelsobjectyes—List copy.
detailLabelsobjectyes—Detail-modal copy.
langstringyes—Locale.
canCreatebooleanno—Shows the create affordance.
createButtonLabelstringno—Create button text.
createHrefstringno—Create destination.

Composition​

  • Uses: molecules/mobility/SanctionDetailModal, atoms/core/Icon, useState.
  • Used by: the /mobility/sanctions page (staff).

Internationalisation​

Copy via labels / detailLabels.

Accessibility​

Cards are labelled buttons opening the accessible detail modal.

molecules/mobility/SanctionDetailModal, organisms/mobility/MySanctionsList, organisms/mobility/CreateSanctionForm.