mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-10-26 07:44:59 +03:00
Alireza Ahmadi
e2184777a0
* fix(frontend): make the panel usable with screen readers * fix(frontend): keep mobile tab names and the inbound expiry hint Review of #6907 found two gaps in the screen-reader pass: - On phone-width screens catTabLabel renders only the icon and names the tab by putting aria-label on it, but callers now pass that icon with aria-hidden for the desktop label, so every Settings, Xray and Host category tab lost its name under TalkBack. catTabLabel now clears aria-hidden on the icon it uses as the name. - DateTimePicker forwarded id and aria-label but not aria-describedby, so the inbound expiry hint ("leave blank to never expire") was never attached. It now forwards it on both the Gregorian and Jalali input.
30 lines
821 B
TypeScript
30 lines
821 B
TypeScript
import { createRoot } from 'react-dom/client';
|
|
import { message } from 'antd';
|
|
import 'antd/dist/reset.css';
|
|
|
|
import { readyI18n } from '@/i18n/react';
|
|
import { AntdRootConfig } from '@/i18n/AntdRootConfig';
|
|
import { ThemeProvider } from '@/hooks/useTheme';
|
|
import { QueryProvider } from '@/api/QueryProvider';
|
|
import SubPage from '@/pages/sub/SubPage';
|
|
|
|
const messageContainer = document.getElementById('message');
|
|
if (messageContainer) {
|
|
message.config({ getContainer: () => messageContainer });
|
|
}
|
|
|
|
readyI18n('subscription').then(() => {
|
|
const root = document.getElementById('app');
|
|
if (root) {
|
|
createRoot(root).render(
|
|
<AntdRootConfig>
|
|
<ThemeProvider>
|
|
<QueryProvider>
|
|
<SubPage />
|
|
</QueryProvider>
|
|
</ThemeProvider>
|
|
</AntdRootConfig>,
|
|
);
|
|
}
|
|
});
|