Lease Management

Appearance

Lease details ​

Lease Details page screenshot

Overview ​

Shows an individual lease identified by the route parameter.

  • Route: /leases/:id (protected, dynamic id)
  • Source: front/src/pages/LeaseDetails.tsx
  • Layout: DashboardLayout

Data flow and actions ​

The page reads the id parameter and calls leaseService.getLeaseById(id), which requests GET /leases/:id. The response is mapped to the frontend lease type. The page offers navigation/actions based on its rendered controls; exact server-side rules are not available from the frontend source.

States and supporting components ​

See the implementation for page-specific loading/error UI and child components. Backend response schema and endpoint validation are not established by frontend source.

Source: front/src/pages/LeaseDetails.tsx, front/src/services/api/leaseService.ts.

See Lease API and Edit Lease.