From 6bf02c56872fbff5fedba374c1471ba42ce20f10 Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Sat, 1 Apr 2023 19:18:16 +0600
Subject: [PATCH] fix: form data empty error

---
 src/components/Login/AccountDropdown.astro    | 8 ++++++++
 src/components/Navigation.astro               | 9 +++++++++
 src/components/Setting/ChangePasswordForm.tsx | 3 ---
 src/components/Setting/UpdateProfileForm.tsx  | 6 +++---
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/Login/AccountDropdown.astro b/src/components/Login/AccountDropdown.astro
index 8643c523a..6b37bbc3a 100644
--- a/src/components/Login/AccountDropdown.astro
+++ b/src/components/Login/AccountDropdown.astro
@@ -19,6 +19,14 @@
           Your Profile
         </a>
       </li>
+      <li class='px-1'>
+        <a
+          href='/settings/profile'
+          class='block rounded px-4 py-2 text-sm font-medium text-slate-100 hover:bg-slate-700'
+        >
+          Settings
+        </a>
+      </li>
       <li class='px-1'>
         <button
           class='block w-full rounded px-4 py-2 text-left text-sm font-medium text-slate-100 hover:bg-slate-700'
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index bf18a403c..4931dbaa0 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -79,6 +79,12 @@ import AccountNavigation from './Login/AccountNavigation.astro';
             >Profile</a
           >
         </li>
+        <li id='settings-mobile-nav' class='hidden'>
+          <a
+            href='/settings/profile'
+            class='text-xl hover:text-blue-300 md:text-lg'>Settings</a
+          >
+        </li>
         <li id='logout-mobile-nav' class='hidden'>
           <button class='text-xl text-red-300 hover:text-red-400 md:text-lg'
             >Logout</button
@@ -104,6 +110,7 @@ import AccountNavigation from './Login/AccountNavigation.astro';
   const profileLink = document.getElementById('profile-mobile-nav');
   const logoutButton = document.getElementById('logout-mobile-nav');
   const registerLink = document.getElementById('register-mobile-nav');
+  const settingsLink = document.getElementById('settings-mobile-nav');
 
   const token = Cookies.get(TOKEN_COOKIE_NAME);
 
@@ -111,9 +118,11 @@ import AccountNavigation from './Login/AccountNavigation.astro';
     profileLink?.classList.remove('hidden');
     logoutButton?.classList.remove('hidden');
     registerLink?.classList.add('hidden');
+    settingsLink?.classList.remove('hidden');
   } else {
     profileLink?.classList.add('hidden');
     logoutButton?.classList.add('hidden');
+    settingsLink?.classList.add('hidden');
     registerLink?.classList.remove('hidden');
   }
 
diff --git a/src/components/Setting/ChangePasswordForm.tsx b/src/components/Setting/ChangePasswordForm.tsx
index 14fd22fdc..348151784 100644
--- a/src/components/Setting/ChangePasswordForm.tsx
+++ b/src/components/Setting/ChangePasswordForm.tsx
@@ -58,9 +58,6 @@ export default function ChangePasswordForm() {
       });
   };
 
-  console.log(currentPassword, newPassword, newPasswordConfirmation);
-  console.log(`${TOKEN_COOKIE_NAME}=${Cookies.get(TOKEN_COOKIE_NAME)}`);
-
   return (
     <form onSubmit={handleSubmit}>
       <h2 className="text-3xl font-bold sm:text-4xl">Password</h2>
diff --git a/src/components/Setting/UpdateProfileForm.tsx b/src/components/Setting/UpdateProfileForm.tsx
index 7d6fcbb4c..3ee1132ad 100644
--- a/src/components/Setting/UpdateProfileForm.tsx
+++ b/src/components/Setting/UpdateProfileForm.tsx
@@ -28,9 +28,9 @@ export default function UpdateProfileForm() {
       headers,
       body: JSON.stringify({
         name,
-        github,
-        linkedin,
-        website,
+        github: github === '' ? undefined : github,
+        linkedin: linkedin === '' ? undefined : linkedin,
+        website: website === '' ? undefined : website,
       }),
     })
       .then(async (res) => {