mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 09:39:10 +08:00
c4e11320aa
close #22545
73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
import React, { useEffect } from 'react';
|
|
import { Link } from 'bisheng/router';
|
|
import { Result, Button } from 'antd';
|
|
import { HomeOutlined } from '@ant-design/icons';
|
|
import * as utils from './utils';
|
|
|
|
export interface NotFoundProps {
|
|
location: {
|
|
pathname: string;
|
|
search: string;
|
|
hash: string;
|
|
state: any;
|
|
action: string;
|
|
key: any;
|
|
basename: string;
|
|
query: Record<string, string>;
|
|
};
|
|
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',
|
|
};
|
|
|
|
export default function NotFound(props: NotFoundProps) {
|
|
const {
|
|
location: { pathname },
|
|
router,
|
|
} = props;
|
|
|
|
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));
|
|
}
|
|
}
|
|
}, []);
|
|
|
|
return (
|
|
<div id="page-404">
|
|
<section>
|
|
<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>
|
|
}
|
|
/>
|
|
</section>
|
|
<style
|
|
dangerouslySetInnerHTML={{
|
|
__html: '#react-content { height: 100%; background-color: #fff }',
|
|
}}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|