diff --git a/apps/meteor/client/views/notFound/NotFoundPage.tsx b/apps/meteor/client/views/notFound/NotFoundPage.tsx new file mode 100644 index 00000000000..9c85a4c7994 --- /dev/null +++ b/apps/meteor/client/views/notFound/NotFoundPage.tsx @@ -0,0 +1,63 @@ +import { Box, Button, ButtonGroup, Flex, Margins } from '@rocket.chat/fuselage'; +import { useRoute, useTranslation } from '@rocket.chat/ui-contexts'; +import React, { ReactElement } from 'react'; + +const NotFoundPage = (): ReactElement => { + const t = useTranslation(); + const homeRoute = useRoute('home'); + + const handleGoToPreviousPageClick = (): void => { + window.history.back(); + }; + + const handleGoHomeClick = (): void => { + homeRoute.push(); + }; + + return ( + + + + + + + 404 + + + + {t('Oops_page_not_found')} + + + + {t('Sorry_page_you_requested_does_not_exist_or_was_deleted')} + + + + + + + + + + + + ); +}; + +export default NotFoundPage;