✨ Added data loading text to each pages

app/my-loves/hooks/useActions.ts

@@ -1,4 +1,5 @@
 export const useActions = ({
+	setIsLoading,
 	loveToDelete,
 	setLoveToDelete,
 	setDeleteMessage,
@@ -19,6 +20,7 @@ export const useActions = ({
 	};
 
 	const deleteLove = async () => {
+		setIsLoading(true);
 		const token = localStorage.getItem('token');
 
 		try {
@@ -43,6 +45,7 @@ export const useActions = ({
 		}
 
 		setDeleteMessage("Une erreur s'est produite. Veuillez réessayer");
+		setIsLoading(false);
 	};
 
 	return {

app/my-loves/hooks/useData.ts

@@ -11,12 +11,17 @@ import { getDataset } from '@/app/request';
 // ---------------------------------------------------------------------------------------------------------------------
 
 export const useData = () => {
+	const [isLoading, setIsLoading] = useState(true);
 	const [dataset, setDataset] = useState([]);
 	const [loveToDelete, setLoveToDelete] = useState<string | null>(null);
 	const [deleteMessage, setDeleteMessage] = useState<string | null>(null);
 
 	useEffect(() => {
-		refreshDataset();
+		(async () => {
+			setIsLoading(true);
+			await refreshDataset();
+			setIsLoading(false);
+		})();
 	}, []);
 
 	const refreshDataset = async () => {
@@ -35,6 +40,8 @@ export const useData = () => {
 	};
 
 	return {
+		isLoading,
+		setIsLoading,
 		dataset,
 		loveToDelete,
 		setLoveToDelete,