add spinner

src/pages/Login/Login.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Input, Button, Form, Row, Col, InputProps, FormProps } from 'antd';
 // import Example from './Example'
 import { LockOutlined, UserOutlined } from '@ant-design/icons';
-import { useAppDispatch } from '../../redux/hooks/hooks';
+import { useAppDispatch, useAppSelector } from '../../redux/hooks/hooks';
 import { LOGIN } from '../../redux/constants/action-types';
 
 // const mapStateToProps = (state: any) => ({
@@ -20,6 +20,7 @@ type FieldType = {
 };
 
 const Login = () => {
+  const { isLoading } = useAppSelector((state) => state.main.userInfo);
   const dispatch = useAppDispatch();
 
   const [state, setState] = useState({
@@ -79,6 +80,7 @@ const Login = () => {
                 onChange={onHandleChange}
                 value={state.email}
                 name="email"
+                disabled={isLoading}
                 prefix={
                   <UserOutlined />
                 }
@@ -91,13 +93,15 @@ const Login = () => {
                 value={state.password}
                 placeholder="Input password"
                 prefix={<LockOutlined />}
+                disabled={isLoading}
               />
             </Form.Item>
             <Form.Item>
               <Button
                 type="primary"
                 htmlType="submit"
                 block
+                loading={isLoading}
               >
                 Log in
               </Button>

src/redux/sagas/user-saga/user-saga.tsx

@@ -46,6 +46,10 @@ function* initWorker(requestFunction: any, { type, payload }: any) {
     // console.log("data123", );
     localStorage.setItem("token", token);
 
+    yield put(setUserInfo({
+      isLoading: false,
+      user: null,
+    }));
     // yield put({ type: `${type}_SUCCESS`, payload: data });
   } catch (e) {
     // yield put({ type: `${type}_FAILED`, e });