Edit button on user page when logged in

Author: hnasheralneam

public/pages/user-profile.ejs

@@ -88,15 +88,18 @@
          <p>Created with <code class="text-theme">FetchCV</code></p>
 
       </div>
-         <!-- future settings panel (for use with customizing profile card and accessing account settings) -->
-   <div class="settings-toolbar hidden flex fixed bottom-0 w-screen px-0 py-1 bg-zinc-700 border-[1px] border-zinc-700 border-t-zinc-600">
+   </div>
+   <!-- future settings panel (for use with customizing profile card and accessing account settings) -->
+   <div
+      class="settings-toolbar hidden flex fixed bottom-0 w-screen px-0 py-1 bg-zinc-700 border-[1px] border-zinc-700 border-t-zinc-600">
       <div class="absolute bottom-0 -z-10 -left-40 w-[140%] h-full caution-tape"></div>
-      <div class="inline-flex justify-center transition-all p-2 mx-1 shadow-lg bg-zinc-800 border-[1px] border-zinc-700 border-t-zinc-600 rounded-md text-black">
-         <span class="material-symbols-rounded text-private" onclick="toggleEditMode()">settings</span>
+      <div
+         class="inline-flex justify-center transition-all p-2 mx-1 shadow-lg bg-zinc-800 border-[1px] border-zinc-700 border-t-zinc-600 rounded-md text-black">
+         <span class="material-symbols-rounded text-private" onclick="
+   window.location.href = window.location.origin + '/edit-profile';
+">settings</span>
       </div>
    </div>
-
-   </div>
 </body>
 <style>
    p {
@@ -112,4 +115,5 @@
 <script src="/scripts/github/displayData.js"></script>
 <script src="/scripts/userProfile.js"></script>
 <script src="/scripts/showEditProfile.js"></script>
-</html>
+
+</html>

public/scripts-src/editProfile.ts

@@ -1,15 +1,3 @@
-// functions
-function toggleEditMode() {
-    let editPanel = document.querySelector(".edit-controls");
-    if (editPanel?.classList.contains("hidden")) {
-        editPanel?.classList.remove("hidden");
-        prepareEditMode();
-    }
-    else {
-        editPanel?.classList.add("hidden");
-    }
-}
-
 function showChangesBanner() {
     let banner = document.querySelector(".changes-saved-banner");
     toggleVisibility(banner);

public/scripts-src/showEditProfile.ts

@@ -1,17 +1,19 @@
 async function isLoggedIn() {
-    let loggedIn;
-    fetch("/is-logged-in")
-        .then(response => {
-            if (!response.ok) {
-                throw new Error("Network error");
-            }
-            return response.json();
-        })
-        .then(data => {
-            loggedIn = data.loggedIn;
-        })
-        .catch(console.error);
-    return loggedIn;
+   let loggedIn = "no";
+   await fetch("/is-logged-in")
+      .then(response => {
+         if (!response.ok) {
+            throw new Error("Network error");
+         }
+         return response.json();
+      })
+      .then(data => {
+         loggedIn =  data.loggedIn;
+      })
+      .catch(error => {
+         console.error(error);
+      });
+   return loggedIn
 }
 
 async function checkUser() {

public/scripts/editProfile.js

@@ -1,14 +1,3 @@
-// functions
-function toggleEditMode() {
-    let editPanel = document.querySelector(".edit-controls");
-    if (editPanel?.classList.contains("hidden")) {
-        editPanel?.classList.remove("hidden");
-        prepareEditMode();
-    }
-    else {
-        editPanel?.classList.add("hidden");
-    }
-}
 function showChangesBanner() {
     let banner = document.querySelector(".changes-saved-banner");
     toggleVisibility(banner);

public/scripts/showEditProfile.js

@@ -1,6 +1,6 @@
 async function isLoggedIn() {
-    let loggedIn;
-    fetch("/is-logged-in")
+    let loggedIn = "no";
+    await fetch("/is-logged-in")
         .then(response => {
         if (!response.ok) {
             throw new Error("Network error");
@@ -10,7 +10,9 @@ async function isLoggedIn() {
         .then(data => {
         loggedIn = data.loggedIn;
     })
-        .catch(console.error);
+        .catch(error => {
+        console.error(error);
+    });
     return loggedIn;
 }
 async function checkUser() {