tutti percorsi ok - da verificare con Salvo

gallomaf · Sep 19, 2024 · 0328dc3 · 0328dc3
1 parent 39d2497
commit 0328dc3
Show file tree

Hide file tree

Showing 17 changed files with 1,502 additions and 930 deletions.
diff --git a/public/Images/Cartoline/cartolina-10x15.svg b/public/Images/Cartoline/cartolina-10x15.svg
diff --git a/public/Images/Cartoline/cartolina-10x21.svg b/public/Images/Cartoline/cartolina-10x21.svg
diff --git a/public/Images/Cartoline/cartolina-personalizzata.svg b/public/Images/Cartoline/cartolina-personalizzata.svg
diff --git a/src/App.js b/src/App.js
@@ -17,7 +17,7 @@ import Step2of4Cartoline from "./Pages/Cartoline/Step4/Step2of4/Step2of4Cartolin
 import Step5Cartoline from "./Pages/Cartoline/Step5/Step5Cartoline";
 import Step6Cartoline from "./Pages/Cartoline/Step6/Step6Cartoline";
 
-import Step4Cataloghi from "./Pages/Cataloghi/Step4/Step4Cataloghi";
+import Step4Cataloghi   from "./Pages/Cataloghi/Step4/Step4Cataloghi";
 import Step2of4Cataloghi from "./Pages/Cataloghi/Step4/Step2of4/Step2of4Cataloghi";
 import Step3of4Cataloghi from "./Pages/Cataloghi/Step4/Step3of4/Step3of4Cataloghi";
 
@@ -26,7 +26,28 @@ import Step2of4Gadget from "./Pages/Gadget/Step4/Step2of4Gadget/Step2of4Gadget";
 
 import Thankyou from "./Pages/ThankYouPg/Thankyou";
 
+import { useEffect } from "react";
+
 function App() {
+
+  useEffect(() => {
+    const handleBeforeUnload = (event) => {
+      const currentPath = window.location.pathname;
+
+      console.log("currentPath", currentPath);
+      // Cancella solo se l'utente è sulla pagina Step1
+      if (currentPath === "/Step-1") {
+        localStorage.clear();
+      }
+    };
+
+    window.addEventListener('beforeunload', handleBeforeUnload);
+
+    return () => {
+      window.removeEventListener('beforeunload', handleBeforeUnload);
+    };
+  }, []);
+
   return (
     <>
       <BrowserRouter>

diff --git a/src/Pages/Cartoline/Step4/Step2of4/Step2of4Cartoline.css b/src/Pages/Cartoline/Step4/Step2of4/Step2of4Cartoline.css
@@ -442,15 +442,17 @@ p {
   border: none;
   cursor: pointer;
 }
+/*
 .btm-rhs {
   background: #f5f5f7;
   display: flex;
   padding: 24px;
   flex-direction: column;
   align-items: flex-start;
-  /* margin-top: 50px; */
+   margin-top: 50px;
   gap: 12px;
 }
+ */
 .quotation-req {
   color: rgba(60, 60, 59, 0.8);
   font-size: 16px;

diff --git a/src/Pages/Cartoline/Step4/Step2of4/Step2of4Cartoline.js b/src/Pages/Cartoline/Step4/Step2of4/Step2of4Cartoline.js
@@ -216,7 +216,7 @@ export default function Step2of4Cartoline() {
                 <ProgressBar now={now} />
               </div>
 
-              <div className="col-rhs-inner-new overflow-auto ">
+              <div className="col-rhs-inner-custom overflow-auto ">
                 <div>
                   <p className="step4-txt">
                     Step 4:

diff --git a/src/Pages/Cartoline/Step4/Step4Cartoline.js b/src/Pages/Cartoline/Step4/Step4Cartoline.js
@@ -203,17 +203,17 @@ export default function Step4Cartoline() {
               <div className="col-rhs-inner-custom">
                 <div>
                   <p className="step4-txt">
-                    Step 4:
+                    Step 3:
                     <span className="step4-txt-sp1">
                       {" "}
-                      Dettagli delle cartoline{" "}
+                      Dettagli delle cartoline
                     </span>
                   </p>
                   <p className="rhs-st4-des">
                     Qui puoi specificare le preferenze per la personalizzazione
-                    delle tue cartoline. Scegli se fornire le<br></br> cartoline
+                    delle tue cartoline. <br/>Scegli se fornire le cartoline
                     già stampate o se preferisci che ci occupiamo noi della
-                    stampa
+                    stampa.
                   </p>
                 </div>
                 <div className="rhs-form-btn-body">
@@ -254,7 +254,8 @@ export default function Step4Cartoline() {
                           <div className="cards3-rhs-row">
 
                             <Col className="c-cards-colx">
-                              <label className="envelope-label">Lunghezza min 140 - max 235 mm</label>
+                              <label className="envelope-label">Lunghezza </label>
+                              <div >{" "} min 140 - max 235 mm</div>
                               <input
                                   type="number"
                                   min="140"
@@ -267,8 +268,9 @@ export default function Step4Cartoline() {
                               />
                             </Col>
                             <Col className="c-cards-colx">
-                              <label className="envelope-label">Altezza min 90 - max 120 mm</label>
-                              <input
+                              <label className="envelope-label">Altezza </label>
+                              <div>{" "} min 90 - max 120 mm</div>
+                                <input
                                   type="number"
                                   min="90"
                                   max="120"