Files
trackgo-fe/packages/ui/src/components/system-pages/maintenance.tsx
T
Firman Ramdhani 7ce4ced7d6 feat: enhance enterprise module with new actions and UI improvements
- Added support for rollback and hold actions in the enterprise module.
- Updated tooltip labels for action buttons to improve user experience.
- Refactored PageActions component to use tooltipLabel instead of shortcutLabel.
- Introduced height prop for system pages (Coming Soon, Forbidden, Maintenance, Not Found) for better layout control.
- Improved ModulePageHeader to accept custom button properties and enhanced title handling.
- Cleaned up default privileges by removing unused actions (ALLOW_DUPLICATE, ALLOW_SAVE).
- Implemented detail page provider with comprehensive action handling for CRUD operations.
- Created a new full-page detail component for better data presentation.
2026-07-15 15:28:58 +07:00

36 lines
1.1 KiB
TypeScript

interface MaintenanceProps {
showActions?: boolean;
height?: StyleProp<React.CSSProperties['height']>;
}
import { Title, Text, Button, Container, Stack, Center, StyleProp } from '@mantine/core';
export function Maintenance({ showActions = false, height = '100vh' }: MaintenanceProps) {
return (
<Container size="sm" h={height} pos="relative">
<Center h="100%">
<Stack align="center" ta="center" gap="md">
<Text size="sm" fw={500} tt="uppercase" c="dimmed" lts="var(--mantine-spacing-xs)">
Maintenance
</Text>
<Title order={1} fw={900} c="brand">
We'll Be Back Soon
</Title>
<Text size="md" c="dimmed">
Our system is currently undergoing scheduled maintenance. We are working hard to bring it back online as
soon as possible.
</Text>
{showActions && (
<Button component="a" href="/" color="brand" size="sm" mt="xl">
Back to Home
</Button>
)}
</Stack>
</Center>
</Container>
);
}