From 0e96ba197f08889b7ef6092ce38680d6a209d8f1 Mon Sep 17 00:00:00 2001
From: Danilo Di Cuia <danilo@tezzutezzu.com>
Date: Fri, 30 Dec 2022 19:06:28 +0100
Subject: [PATCH] fixed countdown

---
 src/Countdown.js |  2 +-
 src/MyForm.js    | 27 ++++++++++++++++++++++-----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/Countdown.js b/src/Countdown.js
index 707e0d8..d933d08 100644
--- a/src/Countdown.js
+++ b/src/Countdown.js
@@ -33,7 +33,7 @@ function Countdown({ duration, onComplete }) {
     }
   }, 1000);
   let seconds = timeLeft % 60;
-  return <div>{seconds}</div>;
+  return <span>{seconds}</span>;
 }
 
 export default Countdown;
diff --git a/src/MyForm.js b/src/MyForm.js
index d060b34..ade29b0 100644
--- a/src/MyForm.js
+++ b/src/MyForm.js
@@ -9,7 +9,7 @@ import Countdown from "./Countdown";
 import ImageUpload from "./ImageUpload";
 
 export const MyForm = () => {
-  const [mandato, cambiaMandato] = useState(false);
+  const [mandato, cambiaMandato] = useState(true);
   const [immagineURL, cambiaimmagineURL] = useState(null);
   const { register, handleSubmit } = useForm();
   const onSubmit = ({ testo, autore }) => {
@@ -33,10 +33,27 @@ export const MyForm = () => {
 
   if (mandato) {
     return (
-      <Stack>
-        <div>mandato e mo aspetti</div>
-        <Countdown onComplete={() => cambiaMandato(false)} duration={5} />
-      </Stack>
+      <div
+        style={{
+          fontFamily: "Lineatura",
+          height: "100vh",
+          width: "100%",
+          textAlign: "center",
+        }}
+      >
+        <Typography
+          style={{
+            fontFamily: "Lineatura",
+          }}
+          variant="h2"
+        >
+          mandato!
+        </Typography>
+        <h1 style={{ fontFamily: "LineaturaLight" }}>
+          puoi rimandere un altro messaggio in...
+          <Countdown onComplete={() => cambiaMandato(false)} duration={10} />
+        </h1>
+      </div>
     );
   }
   return (