🔧 fix(App.tsx): fix linting issues and add missing dependencies to useEffect hook

🔧 fix(authContext.tsx): change localStorage to cookies for storing access token
🔧 fix(api.tsx): remove console.log statement
🔧 fix(AdminPage/index.tsx): add missing import for getLoggedUser function and useContext for AuthContext
This commit is contained in:
Cristhian Zanforlin Lousa 2023-08-12 15:42:41 -03:00
commit dc4b757a02
4 changed files with 20 additions and 1 deletions

View file

@ -127,6 +127,19 @@ export default function App() {
);
};
const { setUserData, getAuthentication, isAuthenticated } = useContext(AuthContext);
useEffect(() => {
setTimeout(() => {
if(getAuthentication && !isLoginPage){
getLoggedUser().then((user) => {
setUserData(user);
}).catch((error) => {});
}
}, 1000);
},[]);
return (
//need parent component with width and height
<div className="flex h-full flex-col">

View file

@ -26,7 +26,7 @@ export function AuthProvider({ children }): React.ReactElement {
const cookies = new Cookies();
useEffect(() => {
const storedAccessToken = localStorage.getItem("access_token");
const storedAccessToken = cookies.get("access_token");
if (storedAccessToken) {
setAccessToken(storedAccessToken);
}

View file

@ -18,6 +18,9 @@ function ApiInterceptor() {
const navigate = useNavigate();
const cookies = new Cookies();
console.log(accessToken);
useEffect(() => {
const interceptor = api.interceptors.response.use(
(response) => response,

View file

@ -18,12 +18,14 @@ import {
import {
addUser,
deleteUser,
getLoggedUser,
getUsersPage,
updateUser,
} from "../../controllers/API";
import ConfirmationModal from "../../modals/ConfirmationModal";
import UserManagementModal from "../../modals/UserManagementModal";
import { alertContext } from "../../contexts/alertContext";
import { AuthContext } from "../../contexts/authContext";
export default function AdminPage() {
const [inputValue, setInputValue] = useState("");
@ -33,6 +35,7 @@ export default function AdminPage() {
const [loadingUsers, setLoadingUsers] = useState(true);
const [totalRowsCount, setTotalRowsCount] = useState(0);
const { setErrorData, setSuccessData } = useContext(alertContext);
const { setUserData, getAuthentication, isAuthenticated } = useContext(AuthContext);
const userList = useRef([]);