auth.js

import React, { useReducer, createContext } from "react";
import jwtDecode from "jwt-decode";
let decodedToken;
const initialState = {
  user: null,
};

if (localStorage.hasOwnProperty("jwtToken")) {
  console.group("tokeeeeeen");
  console.log("Funciona porqueria");
  console.log(localStorage.getItem("jwtToken"));
  
  console.groupEnd();
 
  try {
    decodedToken = jwtDecode(localStorage.getItem("jwtToken"));
    // Lógica para cuando el token se decodifica correctamente
  } catch (error) {
    console.error("Error al decodificar el token: aaaaaa", error);
    // Lógica para cuando hay un error al decodificar el token
    alert("hola");
  }
  if (localStorage.getItem("jwtToken") !== null) {
    decodedToken = jwtDecode(localStorage.getItem("jwtToken"));

    if (decodedToken.exp * 1000 < Date.now()) {
      localStorage.clear();
    } else {
      initialState.user = decodedToken;
    }
  }
}

const AuthContext = createContext({
  user: null,
  login: (userData) => {},
  logout: () => {},
});

function authReducer(state, action) {
  switch (action.type) {
    case "LOGIN":
      return {
        ...state,
        user: action.payload,
      };
    case "LOGOUT":
      return {
        ...state,
        user: null,
      };
    default:
      return state;
  }
}

function AuthProvider(props) {
  const [state, dispatch] = useReducer(authReducer, initialState);
  console.log(state);
  function login(userData) {
    if (userData === null) {
      localStorage.clear();
      dispatch({ type: "LOGOUT" });
    } else {
      localStorage.setItem("jwtToken", userData);

      dispatch({
        type: "LOGIN",
        payload: userData,
      });
    }
  }

  function logout() {
    localStorage.clear();
    dispatch({ type: "LOGOUT" });
  }

  return (
    <AuthContext.Provider
      value={{ user: state.user, login, logout }}
      {...props}
    />
  );
}

export { AuthContext, AuthProvider };