c59b331170
- Add new Forbidden page at /forbidden (`web/src/pages/Forbidden/index.js`) - Use Semi-UI Empty with IllustrationNoAccess (250x250) - Update i18n description to: '您无权访问此页面，请联系管理员~' - Align visual style with existing 404 page - Introduce `AdminRoute` in `web/src/helpers/auth.js` - Use `UserContext`/localStorage; redirect to `/forbidden` when `!user` or `user.role < 10` - Protect console/admin routes with `AdminRoute` and register `/forbidden` in `web/src/App.js` - Update `web/src/i18n/locales/en.json` - Add English translation for the new forbidden message - Remove legacy "没有权限" entry - Lint passes; no runtime errors observed
39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
/*
|
|
Copyright (C) 2025 QuantumNous
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or (at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
For commercial licensing, please contact support@quantumnous.com
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { Empty } from '@douyinfe/semi-ui';
|
|
import { IllustrationNotFound, IllustrationNotFoundDark } from '@douyinfe/semi-illustrations';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
const NotFound = () => {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<div className="flex justify-center items-center h-screen p-8">
|
|
<Empty
|
|
image={<IllustrationNotFound style={{ width: 250, height: 250 }} />}
|
|
darkModeImage={<IllustrationNotFoundDark style={{ width: 250, height: 250 }} />}
|
|
description={t('页面未找到，请检查您的浏览器地址是否正确')}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default NotFound;
|