Fix modules

This commit is contained in:
Logan Cusano
2025-07-13 19:53:36 -04:00
parent 7d3f08cae9
commit e7498a9f8b
5 changed files with 101 additions and 69 deletions

View File

@@ -1,45 +1,45 @@
import React, { createContext, useContext, useState, useEffect } from 'react';
const AuthContext = createContext(null);
export const AuthProvider = ({ children }) => {
const [token, setToken] = useState(null);
const [user, setUser] = useState(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
const storedToken = localStorage.getItem('authToken');
const storedUser = localStorage.getItem('authUser');
if (storedToken && storedUser) {
setToken(storedToken);
setUser(JSON.parse(storedUser));
}
setLoading(false);
}, []);
const login = (newToken, newUser) => {
setToken(newToken);
setUser(newUser);
localStorage.setItem('authToken', newToken);
localStorage.setItem('authUser', JSON.stringify(newUser));
};
const logout = () => {
setToken(null);
setUser(null);
localStorage.removeItem('authToken');
localStorage.removeItem('authUser');
};
const value = { token, user, login, logout, isAuthenticated: !!token };
return (
<AuthContext.Provider value={value}>
{!loading && children}
</AuthContext.Provider>
);
import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
const AuthContext = createContext<any>(null);
export const AuthProvider = ({ children }: { children: ReactNode }) => {
const [token, setToken] = useState<string | null>(null);
const [user, setUser] = useState<any | null>(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
const storedToken = localStorage.getItem('authToken');
const storedUser = localStorage.getItem('authUser');
if (storedToken && storedUser) {
setToken(storedToken);
setUser(JSON.parse(storedUser));
}
setLoading(false);
}, []);
const login = (newToken: string, newUser: any) => {
setToken(newToken);
setUser(newUser);
localStorage.setItem('authToken', newToken);
localStorage.setItem('authUser', JSON.stringify(newUser));
};
export const useAuth = () => {
return useContext(AuthContext);
};
const logout = () => {
setToken(null);
setUser(null);
localStorage.removeItem('authToken');
localStorage.removeItem('authUser');
};
const value = { token, user, login, logout, isAuthenticated: !!token };
return (
<AuthContext.Provider value={value}>
{!loading && children}
</AuthContext.Provider>
);
};
export const useAuth = () => {
return useContext(AuthContext);
};