Browse Source

delete unnesesary deps

amenpunk 2 years ago
parent
commit
523448c7bd
6 changed files with 15 additions and 22 deletions
  1. 0 1
      package.json
  2. 5 7
      src/Pages/HomeUser.jsx
  3. 1 4
      src/Pages/Logincs.jsx
  4. 1 1
      src/Reducers/index.js
  5. 1 3
      src/Slices/tokenSlice.js
  6. 7 6
      src/index.js

+ 0 - 1
package.json

36
         "react-router-dom": "6.2.1",
36
         "react-router-dom": "6.2.1",
37
         "react-scripts": "^5.0.0",
37
         "react-scripts": "^5.0.0",
38
         "react-scroll": "^1.8.7",
38
         "react-scroll": "^1.8.7",
39
-        "redux": "^4.2.0",
40
         "web-vitals": "^1.0.1",
39
         "web-vitals": "^1.0.1",
41
         "yup": "^0.32.11"
40
         "yup": "^0.32.11"
42
     },
41
     },

+ 5 - 7
src/Pages/HomeUser.jsx

1
-import { useState, useEffect, useRef  } from 'react';
1
+import { useState, useEffect } from 'react';
2
 import { Typography, Button, Box, Paper, Divider } from '@mui/material';
2
 import { Typography, Button, Box, Paper, Divider } from '@mui/material';
3
 
3
 
4
 import useAuth from '../Auth/useAuth.js'
4
 import useAuth from '../Auth/useAuth.js'
10
 export function HomeUser(){
10
 export function HomeUser(){
11
 
11
 
12
     const auth = useAuth();
12
     const auth = useAuth();
13
-    const token = useRef(auth.getToken());
13
+    // const token = useRef(auth.getToken());
14
     const [tests, setTests] = useState([]);
14
     const [tests, setTests] = useState([]);
15
     const [password, setPasword] = useState({});
15
     const [password, setPasword] = useState({});
16
-    const R_token = useSelector( state => state.token);
17
-    console.log("Redux Token: ", R_token)
16
+    const state = useSelector( state => state.token);
18
 
17
 
19
     useEffect(() => {
18
     useEffect(() => {
20
-
21
         let { email , password} = auth.getProfile();
19
         let { email , password} = auth.getProfile();
22
         let rest = new Service(`/plaza/contrasenia/${password}/${email}`);
20
         let rest = new Service(`/plaza/contrasenia/${password}/${email}`);
23
         rest
21
         rest
24
-        .get(token.current)
22
+        .get(state.token)
25
             .then(({ data }) => {
23
             .then(({ data }) => {
26
                 setTests(data.tests)
24
                 setTests(data.tests)
27
                 delete data.tests
25
                 delete data.tests
31
                 console.error("ERR : ", erro)
29
                 console.error("ERR : ", erro)
32
             })
30
             })
33
 
31
 
34
-    },[auth])
32
+    },[state,auth])
35
 
33
 
36
     return(
34
     return(
37
         <div className="content-section">
35
         <div className="content-section">

+ 1 - 4
src/Pages/Logincs.jsx

2
 import toast, { Toaster } from 'react-hot-toast';
2
 import toast, { Toaster } from 'react-hot-toast';
3
 import { useNavigate } from 'react-router-dom'
3
 import { useNavigate } from 'react-router-dom'
4
 import jwt_decode from "jwt-decode";
4
 import jwt_decode from "jwt-decode";
5
-import { useSelector, useDispatch } from "react-redux";
5
+import { useDispatch } from "react-redux";
6
 
6
 
7
 import { setToken } from '../Slices/tokenSlice'
7
 import { setToken } from '../Slices/tokenSlice'
8
 
8
 
21
 import * as Yup from 'yup';
21
 import * as Yup from 'yup';
22
 
22
 
23
 import { Service } from '../Utils/HTTP.js'
23
 import { Service } from '../Utils/HTTP.js'
24
-// import { setToken } from '../Actions/index.js';
25
 
24
 
26
 const LoginSchema = Yup.object().shape({
25
 const LoginSchema = Yup.object().shape({
27
   email: Yup
26
   email: Yup
42
   let navigate = useNavigate()
41
   let navigate = useNavigate()
43
 
42
 
44
   const [open, setOpen] = React.useState(false);
43
   const [open, setOpen] = React.useState(false);
45
-  const token = useSelector(state => state.token)
46
   const dispatch = useDispatch();
44
   const dispatch = useDispatch();
47
   const handleClose = () => false
45
   const handleClose = () => false
48
 
46
 
107
   });
105
   });
108
 
106
 
109
   React.useEffect(() => {
107
   React.useEffect(() => {
110
-    console.log('TOKEN: ', token)
111
     if (auth.isLogged()) {
108
     if (auth.isLogged()) {
112
       return navigate('/user/home')
109
       return navigate('/user/home')
113
     }
110
     }

+ 1 - 1
src/Reducers/index.js

1
-import { combineReducers } from 'redux'
1
+import { combineReducers } from '@reduxjs/toolkit'
2
 import tokenReducer from '../Slices/tokenSlice.js';
2
 import tokenReducer from '../Slices/tokenSlice.js';
3
 
3
 
4
 const rootReducer = combineReducers({
4
 const rootReducer = combineReducers({

+ 1 - 3
src/Slices/tokenSlice.js

1
 import { createSlice } from '@reduxjs/toolkit';
1
 import { createSlice } from '@reduxjs/toolkit';
2
 
2
 
3
-const initialState = { token: null };
3
+const initialState = { value: null };
4
 
4
 
5
 export const tokenSlice = createSlice({
5
 export const tokenSlice = createSlice({
6
   name: "token",
6
   name: "token",
16
 })
16
 })
17
 
17
 
18
 export const { setToken, removeToken } = tokenSlice.actions;
18
 export const { setToken, removeToken } = tokenSlice.actions;
19
-console.log(tokenSlice)
20
-
21
 export default tokenSlice.reducer;
19
 export default tokenSlice.reducer;

+ 7 - 6
src/index.js

5
 
5
 
6
 import rootReducer from '../src/Reducers/';
6
 import rootReducer from '../src/Reducers/';
7
 import { Provider } from 'react-redux';
7
 import { Provider } from 'react-redux';
8
-import { legacy_createStore as createStore } from 'redux';
8
+import { configureStore } from '@reduxjs/toolkit';
9
+// import { legacy_createStore as createStore } from '@reduxjs/toolkit';
10
+// const store = createStore(rootReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())
9
 
11
 
10
-const store =
11
-  createStore(rootReducer,
12
-    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
13
-  )
12
+let store = configureStore({
13
+  reducer : rootReducer
14
+})
14
 
15
 
15
 ReactDOM.render(
16
 ReactDOM.render(
16
   <Provider store={store}>
17
   <Provider store={store}>
17
     <React.StrictMode>
18
     <React.StrictMode>
18
-      <App />
19
+      <App/>
19
     </React.StrictMode>
20
     </React.StrictMode>
20
   </Provider>,
21
   </Provider>,
21
   document.getElementById('root')
22
   document.getElementById('root')