diff --git a/src/client/components/dashboard/items/MonitorHealthBarItem.tsx b/src/client/components/dashboard/items/MonitorHealthBarItem.tsx index 4cd9740..4e1912e 100644 --- a/src/client/components/dashboard/items/MonitorHealthBarItem.tsx +++ b/src/client/components/dashboard/items/MonitorHealthBarItem.tsx @@ -4,6 +4,13 @@ import { MonitorHealthBar } from '../../monitor/MonitorHealthBar'; export const MonitorHealthBarItem: React.FC<{ monitorId: string; }> = React.memo((props) => { - return ; + return ( + + ); }); MonitorHealthBarItem.displayName = 'MonitorHealthBarItem'; diff --git a/src/client/components/dashboard/items/index.tsx b/src/client/components/dashboard/items/index.tsx index adbac01..8b15288 100644 --- a/src/client/components/dashboard/items/index.tsx +++ b/src/client/components/dashboard/items/index.tsx @@ -41,7 +41,7 @@ export const DashboardGridItem: React.FC = React.memo( ((set, get) => ({ export const defaultItemLayout: Record> = { websiteOverview: { x: Infinity, y: Infinity, w: 4, h: 12 }, websiteEvent: { x: Infinity, y: Infinity, w: 2, h: 5 }, - monitorHealthBar: { x: Infinity, y: Infinity, w: 1, h: 2 }, + monitorHealthBar: { x: Infinity, y: Infinity, w: 2, h: 2 }, monitorStatus: { x: Infinity, y: Infinity, w: 4, h: 2 }, monitorChart: { x: Infinity, y: Infinity, w: 4, h: 2 }, monitorEvent: { x: Infinity, y: Infinity, w: 4, h: 2 },