23 lines
712 B
TypeScript
23 lines
712 B
TypeScript
import { MonitorState, MonitorTarget } from "@/uptime.types";
|
|
import { Card, Center, Divider } from "@mantine/core";
|
|
import MonitorDetail from "./MonitorDetail";
|
|
|
|
export default function MonitorList({ config, state }: { config: any, state: MonitorState }) {
|
|
|
|
return (
|
|
<Center>
|
|
<Card shadow="sm" padding="lg" radius="md" ml="xl" mr="xl" mt="xl" withBorder style={{ width: '800px' }}>
|
|
{config.monitors.map((monitor: MonitorTarget) => (
|
|
<div key={monitor.id}>
|
|
<Card.Section ml="xs" mr="xs">
|
|
<MonitorDetail monitor={monitor} state={state} />
|
|
</Card.Section>
|
|
<Divider />
|
|
</div>
|
|
))}
|
|
</Card>
|
|
</Center>
|
|
)
|
|
}
|
|
|