Rocket.Chat/apps/meteor/client/views/room/RoomNotFound.tsx

import { Box } from '@rocket.chat/fuselage';
import { Header, HeaderToolbox } from '@rocket.chat/ui-client';
import { useLayout, useTranslation } from '@rocket.chat/ui-contexts';
import type { ReactElement } from 'react';
import React from 'react';

import BurgerMenu from '../../components/BurgerMenu';
import NotFoundState from '../../components/NotFoundState';
import RoomLayout from './layout/RoomLayout';

const RoomNotFound = (): ReactElement => {
	const t = useTranslation();
	const { isMobile } = useLayout();

	return (
		<RoomLayout
			header={
				isMobile && (
					<Header justifyContent='start'>
						<HeaderToolbox>
							<BurgerMenu />
						</HeaderToolbox>
					</Header>
				)
			}
			body={
				<Box display='flex' justifyContent='center' height='full'>
					<NotFoundState title={t('Room_not_found')} subtitle={t('Room_not_exist_or_not_permission')} />
				</Box>
			}
		/>
	);
};

export default RoomNotFound;