From a4256db687a07ed08a903f6b341c0c6b896e6a2b Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 10 Apr 2023 23:19:38 +0100
Subject: [PATCH] Update password page

---
 src/components/Setting/SettingSidebar.astro   | 2 +-
 src/components/Setting/UpdatePasswordForm.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Setting/SettingSidebar.astro b/src/components/Setting/SettingSidebar.astro
index f07e3d1fb..56ada34b9 100644
--- a/src/components/Setting/SettingSidebar.astro
+++ b/src/components/Setting/SettingSidebar.astro
@@ -25,7 +25,7 @@ export interface Props {
           <a
             href='/settings/update-password'
             class=`block w-full rounded px-2 py-1.5 font-medium text-slate-900 hover:bg-slate-200 ${pageUrl === 'change-password' ? 'bg-slate-100' : ''}`
-            >Change password</a
+            >Change Password</a
           >
         </li>
       </ul>
diff --git a/src/components/Setting/UpdatePasswordForm.tsx b/src/components/Setting/UpdatePasswordForm.tsx
index fe741baa9..71513322d 100644
--- a/src/components/Setting/UpdatePasswordForm.tsx
+++ b/src/components/Setting/UpdatePasswordForm.tsx
@@ -13,7 +13,7 @@ export default function UpdatePasswordForm() {
   const [error, setError] = useState('');
   const [success, setSuccess] = useState('');
 
-  const [isLoading, setIsLoading] = useState(false);
+  const [isLoading, setIsLoading] = useState(true);
 
   const handleSubmit = async (e: Event) => {
     e.preventDefault();
@@ -88,7 +88,7 @@ export default function UpdatePasswordForm() {
   return (
     <form onSubmit={handleSubmit}>
       <h2 className="text-3xl font-bold sm:text-4xl">Password</h2>
-      <p className="mt-2">Manage settings for your account passwords</p>
+      <p className="mt-2">Use the form below to update your password.</p>
       <div className="mt-8 space-y-4">
         {authProvider === 'email' && (
           <div className="flex w-full flex-col">