From 8464824c610018b602fee1c868007af94bdf4a32 Mon Sep 17 00:00:00 2001
From: Gorjan Petrovski <mogi57@gmail.com>
Date: Tue, 21 Sep 2021 17:36:52 +0200
Subject: [PATCH] feat: use existing change password wizard in preferences
 (#639)

---
 .../preferences/panes/account/Credentials.tsx        | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/app/assets/javascripts/preferences/panes/account/Credentials.tsx b/app/assets/javascripts/preferences/panes/account/Credentials.tsx
index 793e6849e..4ba981a53 100644
--- a/app/assets/javascripts/preferences/panes/account/Credentials.tsx
+++ b/app/assets/javascripts/preferences/panes/account/Credentials.tsx
@@ -6,14 +6,13 @@ import { HorizontalSeparator } from '@/components/shared/HorizontalSeparator';
 import { dateToLocalizedString } from '@/utils';
 import { useState } from 'preact/hooks';
 import { ChangeEmail } from '@/preferences/panes/account/changeEmail';
-import { ChangePassword } from '@/preferences/panes/account/changePassword';
+import { PasswordWizardType } from '@/types';
 
 type Props = {
   application: WebApplication;
 };
 
 export const Credentials = observer(({ application }: Props) => {
-  const [isChangePasswordDialogOpen, setIsChangePasswordDialogOpen] = useState(false);
   const [isChangeEmailDialogOpen, setIsChangeEmailDialogOpen] = useState(false);
 
   const user = application.getUser();
@@ -51,7 +50,7 @@ export const Credentials = observer(({ application }: Props) => {
           type='normal'
           label='Change password'
           onClick={() => {
-            setIsChangePasswordDialogOpen(true);
+            application.presentPasswordWizard(PasswordWizardType.ChangePassword);
           }}
         />
         {isChangeEmailDialogOpen && (
@@ -60,13 +59,6 @@ export const Credentials = observer(({ application }: Props) => {
             application={application}
           />
         )}
-        {
-          isChangePasswordDialogOpen && (
-            <ChangePassword
-              onCloseDialog={() => setIsChangePasswordDialogOpen(false)}
-              application={application}
-            />
-          )}
       </PreferencesSegment>
     </PreferencesGroup>
   );