9 | {statusFilter === "all"
10 | ? "No incidents recorded in selected time period"
11 | : `No ${
12 | statusFilter === "up" ? "uptime" :
13 | statusFilter === "down" ? "downtime" :
14 | statusFilter === "warning" ? "warning" :
15 | "paused"
16 | } incidents recorded in selected time period`}
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/application/src/components/services/incident-history/index.ts:
--------------------------------------------------------------------------------
1 |
2 | // Export components
3 | export { LatestChecksTable } from './LatestChecksTable';
4 | export { StatusFilterTabs } from './StatusFilterTabs';
5 | export { TablePagination } from './TablePagination';
6 | export { IncidentTable } from './IncidentTable';
7 | export { EmptyState } from './EmptyState';
8 |
9 | // Export types and utils
10 | export * from './types';
11 | export * from './utils';
12 |
--------------------------------------------------------------------------------
/application/src/components/services/incident-history/types.ts:
--------------------------------------------------------------------------------
1 |
2 | import { UptimeData } from "@/types/service.types";
3 |
4 | export type StatusFilter = "all" | "up" | "down" | "paused" | "warning";
5 | export type PageSize = "10" | "25" | "50" | "100" | "250" | "all";
6 |
7 | export interface LatestChecksTableProps {
8 | uptimeData: UptimeData[];
9 | }
10 |
11 | export interface StatusInfo {
12 | icon: JSX.Element;
13 | text: string;
14 | textColor: string;
15 | badge: JSX.Element;
16 | }
17 |
--------------------------------------------------------------------------------
/application/src/components/services/index.ts:
--------------------------------------------------------------------------------
1 |
2 | // Export all service components for easier imports
3 | export * from './ServiceHeader';
4 | export * from './ServiceStatsCards';
5 | export * from './ResponseTimeChart';
6 | export * from './incident-history/LatestChecksTable';
7 | export * from './LoadingState';
8 | export * from './ServiceNotFound';
9 | export * from './ServiceMonitoringButton';
10 | export * from './AddServiceDialog';
11 | export * from './ServicesTableContainer';
12 | export * from './ServicesTableView';
13 | export * from './ServiceDeleteDialog';
14 | export * from './ServiceHistoryDialog';
15 | export * from './ServiceEditDialog';
16 |
--------------------------------------------------------------------------------
/application/src/components/services/service-row/ServiceRowResponseTime.tsx:
--------------------------------------------------------------------------------
1 |
2 | import React from "react";
3 | import { AlertTriangle } from "lucide-react";
4 |
5 | interface ServiceRowResponseTimeProps {
6 | responseTime: number;
7 | }
8 |
9 | export const ServiceRowResponseTime = ({ responseTime }: ServiceRowResponseTimeProps) => {
10 | // Determine if response time is high (≥ 1000ms)
11 | const isResponseTimeHigh = responseTime >= 1000;
12 |
13 | return (
14 |
15 | {responseTime > 0 ? (
16 | <>
17 |
18 | {responseTime}ms
19 |
20 | {isResponseTimeHigh && (
21 |
22 | )}
23 |
24 | ) : 'N/A'}
25 |