mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-25 00:08:27 +08:00
2cdf586291
* chore: fix lint * chore: fix lint * test: fix 16 * fix: lint
58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
import { HomeOutlined } from '@ant-design/icons';
|
|
import { Link, useLocation } from 'dumi';
|
|
import React, { useEffect } from 'react';
|
|
import { Button, Result } from 'antd';
|
|
import * as utils from '../../theme/utils';
|
|
|
|
export interface NotFoundProps {
|
|
router: {
|
|
push: (pathname: string) => void;
|
|
replace: (pathname: string) => void;
|
|
};
|
|
}
|
|
|
|
const DIRECT_MAP: Record<string, string> = {
|
|
'docs/spec/download': 'docs/resources',
|
|
'docs/spec/work-with-us': 'docs/resources',
|
|
};
|
|
|
|
const NotFoundPage: React.FC<NotFoundProps> = ({ router }) => {
|
|
const { pathname } = useLocation();
|
|
|
|
const isZhCN = utils.isZhCN(pathname);
|
|
|
|
useEffect(() => {
|
|
const directLinks = Object.keys(DIRECT_MAP);
|
|
for (let i = 0; i < directLinks.length; i += 1) {
|
|
const matchPath = directLinks[i];
|
|
if (pathname.includes(matchPath)) {
|
|
router.replace(utils.getLocalizedPathname(`/${DIRECT_MAP[matchPath]}`, isZhCN).pathname);
|
|
}
|
|
}
|
|
|
|
// Report if necessary
|
|
const { yuyanMonitor } = window as any;
|
|
yuyanMonitor?.log({
|
|
code: 11,
|
|
msg: `Page not found: ${location.href}; Source: ${document.referrer}`,
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<Result
|
|
status="404"
|
|
title="404"
|
|
subTitle={isZhCN ? '你访问的页面貌似不存在?' : 'Sorry, the page you visited does not exist.'}
|
|
extra={
|
|
<Link to={utils.getLocalizedPathname('/', isZhCN)}>
|
|
<Button type="primary" icon={<HomeOutlined />}>
|
|
{isZhCN ? '返回 Ant Design 首页' : 'Back to home page'}
|
|
</Button>
|
|
</Link>
|
|
}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default NotFoundPage;
|