62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import React, { useState, useEffect, createContext, ReactNode } from 'react';
|
|
import { User, Token } from '../types';
|
|
import { axiosInstance } from '../utils/axiosInstance';
|
|
|
|
export interface CASContext {
|
|
user?: User;
|
|
logout: () => void;
|
|
token?: string | null;
|
|
}
|
|
|
|
export const CASContext = createContext<CASContext | undefined>(undefined);
|
|
|
|
export interface CASProviderProps {
|
|
children: ReactNode;
|
|
}
|
|
|
|
export const CASProvider = ({ children }: CASProviderProps) => {
|
|
const [user, setUser] = useState<User | undefined>(undefined);
|
|
const [token, setToken] = useState<string | null>(null);
|
|
useEffect(() => {
|
|
const login = async () => {
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
const ticket = urlParams.get('ticket');
|
|
if (!ticket) {
|
|
redirectToCASLoginService();
|
|
}
|
|
try {
|
|
if (!localStorage.getItem('userToken')) {
|
|
const { data: token } = await axiosInstance.get(`${process.env.REACT_APP_API_URL}/token?ticket=${ticket}`);
|
|
localStorage.setItem('userToken', token.token);
|
|
localStorage.setItem('userPrivilige', token.authorityRole);
|
|
}
|
|
const tokenTMP: any = JSON.parse(localStorage.getItem('userToken') as string);
|
|
const token: Token = {
|
|
authorityRole: tokenTMP.authorityRole,
|
|
email: tokenTMP.email,
|
|
id: tokenTMP.id,
|
|
token: tokenTMP.token,
|
|
};
|
|
setToken(token.token);
|
|
} catch (e) {
|
|
console.log(e);
|
|
}
|
|
};
|
|
login();
|
|
}, []);
|
|
|
|
function logout() {
|
|
redirectToCASLogoutService();
|
|
}
|
|
|
|
function redirectToCASLogoutService() {
|
|
window.location.replace(`https://cas.amu.edu.pl/cas/logout?service=${window.origin}`);
|
|
}
|
|
|
|
function redirectToCASLoginService() {
|
|
window.location.replace(`https://cas.amu.edu.pl/cas/login?service=${window.origin}&locale=pl`);
|
|
}
|
|
|
|
return <CASContext.Provider value={{ user, token, logout }}>{children}</CASContext.Provider>;
|
|
};
|