import { Empty } from 'antd'; import React, { useMemo } from 'react'; import { trpc } from '../../../api/trpc'; import { Loading } from '../../Loading'; import { MonitorListItem } from '../MonitorListItem'; import { keyBy } from 'lodash-es'; interface StatusPageServicesProps { workspaceId: string; monitorList: { id: string; showCurrent?: boolean; }[]; } 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), }); const monitorProps = useMemo(() => keyBy(monitorList, 'id'), [monitorList]); if (isLoading) { return ; } return (
{list.length > 0 ? ( list.map((item) => ( )) ) : ( )}
); } ); StatusPageServices.displayName = 'StatusPageServices';