Страница отсутствия доступа изменена

src/pages/AccessDenied.jsx

@@ -1,18 +1,43 @@
+import { Result, Tooltip, Typography } from 'antd'
 import { memo } from 'react'
-import { Link } from 'react-router-dom'
+import { Link, useHistory } from 'react-router-dom'
+import { CloseCircleOutlined } from '@ant-design/icons'
 
-export const AccessDenied = memo(() => (
+const { Paragraph, Text } = Typography
-    <div style={{
+
-        width: '100vw',
+export const AccessDenied = memo(() => {
-        height: '100vh',
+    const history = useHistory()
-        display: 'flex',
+
-        flexDirection: 'column',
+    return (
-        justifyContent: 'center',
+        <Result
-        alignItems: 'center'
+            status={'error'}
-    }}>
+            title={'Доступ запрешён'}
-        <h2>Доступ запрещён</h2>
+            subTitle={'Страницы не существует или у вас отсутствует к ней доступ.'}
-        <Link to={'/login'}>На страницу входа</Link>
+        >
+            <div className={'desc'}>
+                <Paragraph>
+                    <Text strong style={{ fontSize: 16 }}>Возможные причины данной проблемы:</Text>
+                </Paragraph>
+                <Paragraph>
+                    <CloseCircleOutlined style={{ color: 'red' }} />
+                    &nbsp;У вас отсутствует доступ к странице.&nbsp;
+                    <Typography.Link href={'mailto://support@digitaldrilling.ru'} target={'_blank'}>
+                        Обратиться в поддержку &gt;
+                    </Typography.Link>
+                </Paragraph>
+                <Paragraph>
+                    <CloseCircleOutlined style={{ color: 'red' }} />
+                    &nbsp;Страницы не существует.&nbsp;
+                    <Link to={'#'} onClick={history.goBack}>Вернуться назад &gt;</Link>
+                </Paragraph>
+                <Paragraph>
+                    <CloseCircleOutlined style={{ color: 'red' }} />
+                    &nbsp;Разрешения не обновились.&nbsp;
+                    <Link to={'/login'}>Перезайти в аккаунт &gt;</Link>
+                </Paragraph>
             </div>
-))
+        </Result>
+    )
+})
 
 export default AccessDenied