Skip to main content

Leave Cancellation UI

Summary

The current broader UI allows the owning non-admin employee to cancel a Pending request after confirmation.

Audience

Employees, QA, support, and developers.

Overview

  • Navigation: /leave → a Pending request → Cancel, either in the row or details modal.
  • Scope/status: local visibility requires self ownership and Pending status.
  • Confirmation: a modal asks for confirmation before the compatibility delete operation.
  • Approved cancellation: not exposed by this UI.
  • Balance reversal display: not present.
  • Success: closes selected details and reloads data.
  • Error: page-level safe failure message.
  • API dependency: compatibility cancellation; direct cancellation rules are linked in Leave cancellation API.
  • Screenshot placeholder: sanitized Pending request and confirmation dialog.

No cancellation approval workflow, cancellation reason, or cancellation timeline is shown.

Screen reference

RequirementConfirmed behavior
PurposeCancel a self-owned Pending request.
Navigation path/leave request row or details modal → Cancel.
Intended usersNon-admin employee owning the Pending request.
PreconditionsCurrent local status is Pending and labor identity matches the current user.
Main componentsRequest actions, details modal, and confirmation modal.
Fields, columns, or sectionsConfirmation text only; no cancellation reason or balance preview.
FiltersParent request status filter.
ActionsConfirm cancellation or close the modal.
ValidationClient rejects non-Pending requests; server remains authoritative.
Loading stateNo explicit cancellation progress state confirmed.
Empty stateNot applicable.
Success stateDetails close and request list reload.
Error statePage-level cancellation failure.
Permission behaviorSelf/Pending visibility check; API enforcement is authoritative.
API dependenciesCompatibility cancellation operation.
Related business rulesCurrent UI does not expose approved cancellation or cancellation approval.
Screenshot placeholderSanitized Pending row and confirmation modal.

Source References

  • UI/salary-ui/apps/client-hrms-portal/src/pages/hr/PayrollFeaturePages.tsx
  • microservices/src/leave-service/Application/LeaveWorkflows.cs

See Also

Keywords

  • Leave UI
  • Leave Cancellation UI
  • Workforce management

Revision Information

  • Status: Draft
  • Last reviewed: 2026-07-15
  • Review cycle: Quarterly