2020-08-05 07:45:05 +02:00
|
|
|
import { useState, useEffect } from 'react';
|
|
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
|
|
import { updateUser } from 'redux/actions/user';
|
2020-10-01 07:34:16 +02:00
|
|
|
import { useRouter } from 'next/router';
|
|
|
|
import { get } from '../lib/web';
|
2020-08-05 07:45:05 +02:00
|
|
|
|
|
|
|
export async function fetchUser() {
|
|
|
|
const res = await fetch('/api/auth/verify');
|
|
|
|
|
|
|
|
if (!res.ok) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return await res.json();
|
|
|
|
}
|
|
|
|
|
2020-08-06 04:04:02 +02:00
|
|
|
export default function useRequireLogin() {
|
2020-10-01 07:34:16 +02:00
|
|
|
const router = useRouter();
|
2020-08-05 07:45:05 +02:00
|
|
|
const dispatch = useDispatch();
|
|
|
|
const storeUser = useSelector(state => state.user);
|
|
|
|
const [loading, setLoading] = useState(!storeUser);
|
2020-08-06 04:04:02 +02:00
|
|
|
const [user, setUser] = useState(storeUser);
|
2020-08-05 07:45:05 +02:00
|
|
|
|
2020-10-01 07:34:16 +02:00
|
|
|
async function loadUser() {
|
|
|
|
setLoading(true);
|
|
|
|
|
|
|
|
const { ok, data } = await get(`${router.basePath}/api/auth/verify`);
|
|
|
|
|
|
|
|
if (!ok) {
|
|
|
|
return router.push('/login');
|
2020-08-05 07:45:05 +02:00
|
|
|
}
|
|
|
|
|
2020-10-01 07:34:16 +02:00
|
|
|
await dispatch(updateUser(data));
|
2020-08-05 07:45:05 +02:00
|
|
|
|
2020-10-01 07:34:16 +02:00
|
|
|
setUser(user);
|
|
|
|
setLoading(false);
|
|
|
|
}
|
2020-08-05 07:45:05 +02:00
|
|
|
|
2020-10-01 07:34:16 +02:00
|
|
|
useEffect(() => {
|
|
|
|
if (!loading && user) {
|
|
|
|
return;
|
|
|
|
}
|
2020-08-05 07:45:05 +02:00
|
|
|
|
2020-10-01 07:34:16 +02:00
|
|
|
loadUser();
|
2020-08-05 07:45:05 +02:00
|
|
|
}, []);
|
|
|
|
|
|
|
|
return { user, loading };
|
|
|
|
}
|