From 12bc0d2b849ec1f6d34f8d3145d201b3e5465a97 Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Fri, 28 Feb 2025 12:42:13 +0100
Subject: [PATCH] pop up confirmation for create profile

---
 src/public/css/seca.css                | 2 +-
 src/public/javascript/createProfile.js | 7 ++++++-
 src/views/createProfile.ejs            | 7 +++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/public/css/seca.css b/src/public/css/seca.css
index ddc68ba..e23a1bd 100644
--- a/src/public/css/seca.css
+++ b/src/public/css/seca.css
@@ -85,7 +85,7 @@ h1 {
   align-items: center;
   left: 50%;
   transform: translate(-50%, -500px);
-  transition: transform 2s ease-in-out;
+  transition: transform 1s ease-in-out;
 }
 
 .top-notification-good.revealed {
diff --git a/src/public/javascript/createProfile.js b/src/public/javascript/createProfile.js
index f7af1f1..4be8920 100644
--- a/src/public/javascript/createProfile.js
+++ b/src/public/javascript/createProfile.js
@@ -1,3 +1,7 @@
+const createProfileConfirmation = document.querySelector(
+  '#create-profile-success'
+);
+
 function debounce(func, wait) {
   let timeout;
   return function (...args) {
@@ -59,9 +63,10 @@ async function createProfile(allInputs) {
     body: JSON.stringify({ nym }),
   });
 
+  createProfileConfirmation.classList.add('revealed');
   setTimeout(() => {
     window.location.href = '/home';
-  }, 1000);
+  }, 5000);
 }
 
 function onLoadErrands(allInputs, submitProfileButton) {
diff --git a/src/views/createProfile.ejs b/src/views/createProfile.ejs
index a9cd8b6..74381f8 100644
--- a/src/views/createProfile.ejs
+++ b/src/views/createProfile.ejs
@@ -114,6 +114,13 @@
           </button>
         </div>
       </div>
+      
+    </div>
+    <div id="create-profile-success" class="top-notification-good">
+      <img src="/img/circle-check-white.svg" />
+      <p>
+        ¡Bien! Tu perfil está completo. Te estamos llevando a la aplicación...
+      </p>
     </div>
     </main>
   </body>