1 | import { useContext } from 'react';
|
---|
2 | import axios from 'axios';
|
---|
3 | import jwt from 'jwt-decode';
|
---|
4 | import { AccessoriesContext } from '../context/AccessoriesContext';
|
---|
5 | import { UserContext } from '../context/UserContext';
|
---|
6 |
|
---|
7 | const useLogin = () => {
|
---|
8 | const { setAlert, setIsBackdropLoaderOpen } =
|
---|
9 | useContext(AccessoriesContext);
|
---|
10 | const { setUser } = useContext(UserContext);
|
---|
11 | const loginUser = async ({ email, password }) => {
|
---|
12 | setIsBackdropLoaderOpen(true);
|
---|
13 | const formData = new FormData();
|
---|
14 | formData.append('username', email);
|
---|
15 | formData.append('password', password);
|
---|
16 | await axios
|
---|
17 | .post(`/api/login`, formData)
|
---|
18 | .then((res) => {
|
---|
19 | const token = res.data.access_token;
|
---|
20 | const user = jwt(token);
|
---|
21 | axios.defaults.headers.common['Authorization']= `Bearer ${token}`;
|
---|
22 | localStorage.setItem('token', JSON.stringify(token));
|
---|
23 | setUser({
|
---|
24 | firstName: user.fullName.split(' ')[0] ?? '',
|
---|
25 | lastName: user.fullName.split(' ')[1] ?? '',
|
---|
26 | role: user.roles[0] ?? '',
|
---|
27 | id: user.id,
|
---|
28 | });
|
---|
29 | })
|
---|
30 | .catch((err) => {
|
---|
31 | console.log(err);
|
---|
32 | setAlert({
|
---|
33 | type: 'error',
|
---|
34 | msg: 'Проблеми со серверот!', // TODO change msg to err.message
|
---|
35 | });
|
---|
36 | })
|
---|
37 | .finally(() => {
|
---|
38 | setIsBackdropLoaderOpen(false);
|
---|
39 | });
|
---|
40 | };
|
---|
41 | return {
|
---|
42 | loginUser,
|
---|
43 | };
|
---|
44 | };
|
---|
45 |
|
---|
46 | export default useLogin;
|
---|