From eb7e37d6cdfef181f21ef545ad2bf2ffce2ab4bb Mon Sep 17 00:00:00 2001
From: P Aswini Kumar <aswini123p@gmail.com>
Date: Fri, 7 Jan 2022 16:09:41 +0530
Subject: [PATCH] [IMPROVE] Added a Reset Button in the Account Profile Page
 (#24078)

Co-authored-by: Murtaza Patrawala <34130764+murtaza98@users.noreply.github.com>
---
 client/views/account/AccountProfilePage.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/views/account/AccountProfilePage.js b/client/views/account/AccountProfilePage.js
index b9575802e9e..b5bc3ead3fa 100644
--- a/client/views/account/AccountProfilePage.js
+++ b/client/views/account/AccountProfilePage.js
@@ -37,7 +37,7 @@ const AccountProfilePage = () => {
 
 	const user = useUser();
 
-	const { values, handlers, hasUnsavedChanges, commit } = useForm(getInitialValues(user ?? {}));
+	const { values, handlers, hasUnsavedChanges, commit, reset } = useForm(getInitialValues(user ?? {}));
 	const [canSave, setCanSave] = useState(true);
 	const setModal = useSetModal();
 	const logout = useLogout();
@@ -221,6 +221,9 @@ const AccountProfilePage = () => {
 		<Page>
 			<Page.Header title={t('Profile')}>
 				<ButtonGroup>
+					<Button primary danger disabled={!hasUnsavedChanges} onClick={reset}>
+						{t('Reset')}
+					</Button>
 					<Button primary disabled={!hasUnsavedChanges || !canSave || loggingOut} onClick={onSave}>
 						{t('Save_changes')}
 					</Button>