import { Empty } from 'antd'; import React from 'react'; import { trpc } from '../../../api/trpc'; import { Loading } from '../../Loading'; import { MonitorListItem } from '../MonitorListItem'; interface StatusPageServicesProps { workspaceId: string; monitorList: PrismaJson.MonitorStatusPageList; } export const StatusPageServices: React.FC = React.memo( (props) => { const { workspaceId, monitorList } = props; const { data: list = [], isLoading } = trpc.monitor.getPublicInfo.useQuery({ monitorIds: monitorList.map((item) => item.id), }); if (isLoading) { return ; } return (
{list.length > 0 ? ( list.map((item) => ( )) ) : ( )}
); } ); StatusPageServices.displayName = 'StatusPageServices';