perf: toast messages font modified
This commit is contained in:
parent
ca4d60cc45
commit
0790747ce3
3 changed files with 8 additions and 4 deletions
|
|
@ -2,7 +2,7 @@ import { StrictMode } from 'react';
|
||||||
import { createRoot } from 'react-dom/client';
|
import { createRoot } from 'react-dom/client';
|
||||||
import { Provider } from 'react-redux';
|
import { Provider } from 'react-redux';
|
||||||
import { RouterProvider } from 'react-router-dom';
|
import { RouterProvider } from 'react-router-dom';
|
||||||
import { ConfigProvider } from 'antd';
|
import { App as AntdApp, ConfigProvider } from 'antd';
|
||||||
import 'antd/dist/reset.css';
|
import 'antd/dist/reset.css';
|
||||||
import faIR from 'antd/locale/fa_IR';
|
import faIR from 'antd/locale/fa_IR';
|
||||||
import { store } from '@/app/store';
|
import { store } from '@/app/store';
|
||||||
|
|
@ -14,7 +14,9 @@ createRoot(document.getElementById('root')!).render(
|
||||||
<StrictMode>
|
<StrictMode>
|
||||||
<Provider store={store}>
|
<Provider store={store}>
|
||||||
<ConfigProvider direction="rtl" locale={faIR} theme={antdTheme}>
|
<ConfigProvider direction="rtl" locale={faIR} theme={antdTheme}>
|
||||||
<RouterProvider router={router} />
|
<AntdApp>
|
||||||
|
<RouterProvider router={router} />
|
||||||
|
</AntdApp>
|
||||||
</ConfigProvider>
|
</ConfigProvider>
|
||||||
</Provider>
|
</Provider>
|
||||||
</StrictMode>,
|
</StrictMode>,
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Button, Card, Form, Input, Typography, message } from 'antd';
|
import { App, Button, Card, Form, Input, Typography } from 'antd';
|
||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import { authService } from '@/features/auth/authService';
|
import { authService } from '@/features/auth/authService';
|
||||||
import { colors } from '@/design/tokens/colors';
|
import { colors } from '@/design/tokens/colors';
|
||||||
|
|
@ -13,6 +13,7 @@ interface LoginFormValues {
|
||||||
const Login = () => {
|
const Login = () => {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const [form] = Form.useForm<LoginFormValues>();
|
const [form] = Form.useForm<LoginFormValues>();
|
||||||
|
const { message } = App.useApp();
|
||||||
|
|
||||||
const onFinish = async (values: LoginFormValues) => {
|
const onFinish = async (values: LoginFormValues) => {
|
||||||
try {
|
try {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Button, Card, Form, Input, Typography, message, type InputRef } from 'antd';
|
import { App, Button, Card, Form, Input, Typography, type InputRef } from 'antd';
|
||||||
import { useEffect, useRef, useState } from 'react';
|
import { useEffect, useRef, useState } from 'react';
|
||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
import { useAppDispatch } from '@/utils/hooks';
|
import { useAppDispatch } from '@/utils/hooks';
|
||||||
|
|
@ -19,6 +19,7 @@ const VerifyOtp = () => {
|
||||||
const [phoneNumber] = useState(() => localStorage.getItem('pending_phone_number') ?? '');
|
const [phoneNumber] = useState(() => localStorage.getItem('pending_phone_number') ?? '');
|
||||||
const [form] = Form.useForm<VerifyOtpFormValues>();
|
const [form] = Form.useForm<VerifyOtpFormValues>();
|
||||||
const otpInputRef = useRef<InputRef>(null);
|
const otpInputRef = useRef<InputRef>(null);
|
||||||
|
const { message } = App.useApp();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const timeoutId = window.setTimeout(() => {
|
const timeoutId = window.setTimeout(() => {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue