StatusActivationModal

A specialised confirmation dialog for toggling entity status (active ↔ inactive). Presents context-aware copy (activate vs deactivate) based on the current status.

📖 Storybook

Preview

Live preview↗ Open in Storybook

Import

import { StatusActivationModal } from "@xocialive/ui-components";

Basic usage

<StatusActivationModal
  open={open}
  onClose={onClose}
  currentStatus={entity.isActive}
  onConfirm={async (newStatus) => {
    await updateStatus(entity.id, newStatus);
    onClose();
  }}
  entityName={entity.name}
/>

Props

Prop	Type	Default	Description
open	boolean	—	Controls visibility
onClose	() => void	—	Cancel handler
onConfirm	(newStatus: boolean) => void | Promise<void>	—	Called with the new status value
currentStatus	boolean	—	The entity's current active state
entityName	string	—	Entity name displayed in the modal copy
isLoading	boolean	false	Disables buttons and shows spinner
textOverrides	{ activateTitle?: string; deactivateTitle?: string; confirmLabel?: string; cancelLabel?: string }	—	Custom copy