Rocket.Chat/client/views/admin/federationDashboard/ServersSection.js

import { Box, Throbber } from '@rocket.chat/fuselage';
import React, { useMemo } from 'react';

import { AsyncStatePhase } from '../../../hooks/useAsyncState';
import { usePolledMethodData } from '../../../hooks/usePolledMethodData';

function ServersSection() {
	const { value: serversData, phase: serversStatus } = usePolledMethodData('federation:getServers', useMemo(() => [], []), 10000);

	if (serversStatus === AsyncStatePhase.LOADING) {
		return <Throbber align='center' />;
	}

	if (serversData?.data?.length === 0) {
		return null;
	}

	return <Box withRichContent>
		<ul>
			{serversData?.data?.map(({ domain }) => (
				<li key={domain}>{domain}</li>
			))}
		</ul>
	</Box>;
}

export default ServersSection;