✨ Display & Delete in love list

app/my-loves/hooks/useData.ts

@@ -0,0 +1,45 @@
+// ---------------------------------------------------------------------------------------------------------------------
+//!                                                      Imports
+// ---------------------------------------------------------------------------------------------------------------------
+
+// -------------------------------------------------- React & Next -----------------------------------------------------
+import { useEffect, useState } from 'react';
+// ---------------------------------------------------------------------------------------------------------------------
+
+// -------------------------------------------------- Hooks & Utils ----------------------------------------------------
+import { getDataset } from '@/app/request';
+// ---------------------------------------------------------------------------------------------------------------------
+
+export const useData = () => {
+	const [dataset, setDataset] = useState([]);
+	const [loveToDelete, setLoveToDelete] = useState<string | null>(null);
+	const [deleteMessage, setDeleteMessage] = useState<string | null>(null);
+
+	useEffect(() => {
+		refreshDataset();
+	}, []);
+
+	const refreshDataset = async () => {
+		const data = await getDataset();
+
+		const formattedDataset = data.map((d) => {
+			const formattedDate = new Date(d.createdat).toLocaleString('fr-FR');
+
+			return {
+				...d,
+				createdat: formattedDate,
+			};
+		});
+
+		setDataset(formattedDataset);
+	};
+
+	return {
+		dataset,
+		loveToDelete,
+		setLoveToDelete,
+		deleteMessage,
+		setDeleteMessage,
+		refreshDataset,
+	};
+};