You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
841 B
32 lines
841 B
import React, { useEffect } from 'react';
|
|
import { observer } from "mobx-react";
|
|
import { Navigate } from "react-router-dom";
|
|
import { useInjection } from "inversify-react";
|
|
import { AuthStore } from "../stores/AuthStore";
|
|
|
|
type TokenCheckProps = {
|
|
children: React.ReactNode | React.ReactNode[];
|
|
required?: boolean;
|
|
}
|
|
|
|
const TokenCheck = observer(({ children, required = true }: TokenCheckProps) => {
|
|
const authStore = useInjection(AuthStore);
|
|
|
|
useEffect(() => {
|
|
console.log('token changed', authStore.token);
|
|
}, [authStore.token]);
|
|
|
|
if (required && !authStore.token)
|
|
return <Navigate to='/signin' state='not_signed_in' />;
|
|
else if (!required && authStore.token)
|
|
return <Navigate to='/' />;
|
|
|
|
return (
|
|
<>
|
|
{children}
|
|
</>
|
|
)
|
|
});
|
|
|
|
export default TokenCheck;
|