// ---------------------------------------------------------------------------------------------------------------------
//!                                                      Imports
// ---------------------------------------------------------------------------------------------------------------------

// -------------------------------------------------- React & Next -----------------------------------------------------
import { useEffect, useState } from 'react';
// ---------------------------------------------------------------------------------------------------------------------

export const useData = () => {
	const [userData, setUserData] = useState(null);
	const [stats, setStats] = useState({
		year: '00',
		month: '00',
		week: '00',
		total: '00',
	});

	useEffect(() => {
		(async () => {
			const token = localStorage.getItem('token');

			const request = await fetch('/api/user', {
				method: 'GET',
				headers: {
					Authorization: token,
				},
			});

			const response = await request.json();

			const formattedResponse = {
				...response,
				createdat: new Date(response.createdat).toLocaleDateString(
					'fr-FR'
				),
			};

			setUserData(formattedResponse);
		})();

		(async () => {
			const token = localStorage.getItem('token');

			const request = await fetch('/api/stats', {
				method: 'GET',
				headers: {
					Authorization: token,
				},
			});

			const response = await request.json();

			setStats({
				year: `${response.year}`.padStart(2, '0'),
				month: `${response.month}`.padStart(2, '0'),
				week: `${response.week}`.padStart(2, '0'),
				total: `${response.total}`.padStart(2, '0'),
			});
		})();
	}, []);

	return {
		userData,
		stats,
	};
};