Rocket.Chat/client/views/admin/info/InformationPage.js

import { Box, Button, ButtonGroup, Callout, Icon } from '@rocket.chat/fuselage';
import React from 'react';

import Page from '../../../components/Page';
import { useTranslation } from '../../../contexts/TranslationContext';
import RocketChatSection from './RocketChatSection';
import CommitSection from './CommitSection';
import RuntimeEnvironmentSection from './RuntimeEnvironmentSection';
import BuildEnvironmentSection from './BuildEnvironmentSection';
import UsageSection from './UsageSection';
import InstancesSection from './InstancesSection';

const InformationPage = React.memo(function InformationPage({
	canViewStatistics,
	isLoading,
	info,
	statistics,
	instances,
	onClickRefreshButton,
	onClickDownloadInfo,
}) {
	const t = useTranslation();

	if (!info) {
		return null;
	}

	const alertOplogForMultipleInstances = statistics && statistics.instanceCount > 1 && !statistics.oplogEnabled;

	return <Page data-qa='admin-info'>
		<Page.Header title={t('Info')}>
			{canViewStatistics
				&& <ButtonGroup>
					<Button disabled={isLoading} external type='button' onClick={onClickDownloadInfo}>
						<Icon name='download' /> {t('Download_Info')}
					</Button>
					<Button disabled={isLoading} primary type='button' onClick={onClickRefreshButton}>
						<Icon name='reload' /> {t('Refresh')}
					</Button>
				</ButtonGroup>}
		</Page.Header>

		<Page.ScrollableContentWithShadow>
			<Box marginBlock='none' marginInline='auto' width='full'>
				{alertOplogForMultipleInstances && <Callout
					type='danger'
					title={t('Error_RocketChat_requires_oplog_tailing_when_running_in_multiple_instances')}
					marginBlockEnd='x16'
				>
					<Box withRichContent>
						<p>
							{t('Error_RocketChat_requires_oplog_tailing_when_running_in_multiple_instances_details')}
						</p>
						<p>
							<a
								rel='noopener noreferrer'
								target='_blank'
								href={'https://rocket.chat/docs/installation/manual-installation/multiple-instances-to-improve-'
							+ 'performance/#running-multiple-instances-per-host-to-improve-performance'}>
								{t('Click_here_for_more_info')}
							</a>
						</p>
					</Box>
				</Callout>}

				{canViewStatistics && <RocketChatSection info={info} statistics={statistics} isLoading={isLoading} />}
				<CommitSection info={info} />
				{canViewStatistics && <RuntimeEnvironmentSection statistics={statistics} isLoading={isLoading} />}
				<BuildEnvironmentSection info={info} />
				{canViewStatistics && <UsageSection statistics={statistics} isLoading={isLoading} />}
				<InstancesSection instances={instances} />
			</Box>
		</Page.ScrollableContentWithShadow>
	</Page>;
});

export default InformationPage;