Add clock and error message

fsi-tue · Jun 28, 2024 · 63e071f · 63e071f
1 parent 0c62cf0
commit 63e071f
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/app/admin/prepare/page.jsx b/src/app/admin/prepare/page.jsx
@@ -68,6 +68,14 @@ const Page = () => {
 			.catch(error => setError(error.message));
 	};
 
+	useEffect(() => {
+		const timer = setInterval(() => {
+			setCurrentTime(new Date());
+		}, 1000);
+
+		return () => clearInterval(timer); // Cleanup timer on component unmount
+	}, []);
+
 	useEffect(() => {
 		if (isClient) {
 			const timer = setInterval(() => {
@@ -113,6 +121,11 @@ const Page = () => {
 			<div>
 				<div className="p-4">
 					<h2 className="text-2xl mb-4">Food Pipeline 🍕</h2>
+					<h3 className="text-lg mb-2">Current Time: {currentTime.toLocaleTimeString()}</h3>
+				</div>
+
+				<div>
+					{error && <ErrorMessage error={error}/>}
 				</div>
 
 				<div className="flex flex-col space-y-2">