Fix IMS user change password action

Author: VargaJoe

apps/sensenet/src/components/context-menu/use-context-menu-actions.ts

@@ -184,6 +184,14 @@ export function useContextMenuActions(content: GenericContent, setActions: (cont
           },
         })
         break
+      case 'ChangePassword':
+        openDialog({
+          name: 'change-password',
+          props: {
+            content,
+          },
+        })
+        break
       case 'SetPermissions':
         if (snRoute.path && PathHelper.isInSubTree(content.Path, snRoute.path)) {
           navigateToAction({

apps/sensenet/src/components/dialogs/change-password.tsx

@@ -1,5 +1,6 @@
 import { Button, DialogActions, DialogContent } from '@material-ui/core'
 import TextField from '@material-ui/core/TextField'
+import { GenericContent } from '@sensenet/default-content-types'
 import { useLogger, useRepository } from '@sensenet/hooks-react'
 import React, { useState } from 'react'
 import { useAuth } from '../../context/auth-provider'
@@ -9,13 +10,18 @@ import { DialogTitle, useDialog } from '.'
 
 type PasswordFieldKeys = 'newPassword' | 'confirmPassword'
 
-export function ChangePasswordDialog() {
+export type ChangePasswordDialogProps = {
+  content?: GenericContent
+}
+
+export function ChangePasswordDialog({ content }: ChangePasswordDialogProps) {
   const { closeLastDialog } = useDialog()
   const localization = useLocalization().changePassword
   const logger = useLogger('change-password')
   const globalClasses = useGlobalStyles()
   const repo = useRepository()
   const { user } = useAuth()
+  const targetContent = content || user
   const [passwordFields, setPasswordFields] = useState<{
     [K in PasswordFieldKeys]?: string
   }>({
@@ -32,7 +38,7 @@ export function ChangePasswordDialog() {
 
     try {
       await repo.executeAction({
-        idOrPath: user!.Path,
+        idOrPath: targetContent!.Path,
         name: 'ChangePassword',
         method: 'POST',
         body: {
@@ -65,7 +71,11 @@ export function ChangePasswordDialog() {
   return (
     <>
       <DialogTitle>
-        <div className={globalClasses.centered}>{localization.changeYourPassword}</div>
+        <div className={globalClasses.centered}>
+          {content
+            ? localization.changePasswordFor.replace('{0}', content.DisplayName || content.Name)
+            : localization.changeYourPassword}
+        </div>
       </DialogTitle>
       <>
         <DialogContent data-test="change-password-fields">

apps/sensenet/src/components/dialogs/dialog-provider.tsx

@@ -6,6 +6,7 @@ import {
   AddDeleteUserGroupsProps,
   ApproveProps,
   AreYouSureProps,
+  ChangePasswordDialogProps,
   CheckInProps,
   ContentPickerDialogProps,
   CopyMoveDialogProps,
@@ -43,7 +44,7 @@ export type DialogWithProps = (
   | { name: 'member-select'; props: MemberSelectProps }
   | { name: 'content-picker'; props: ContentPickerDialogProps }
   | { name: 'feedback' }
-  | { name: 'change-password' }
+  | { name: 'change-password'; props?: ChangePasswordDialogProps }
   | { name: 'date-range-picker'; props: DateRangePickerProps }
   | { name: 'column-settings'; props: any }
 ) & { dialogProps?: Partial<DialogProps> }

apps/sensenet/src/components/dialogs/dialogs.tsx

@@ -66,7 +66,7 @@ function dialogRenderer(dialog: DialogWithProps) {
     case 'feedback':
       return <Feedback />
     case 'change-password':
-      return <ChangePasswordDialog />
+      return <ChangePasswordDialog {...dialog.props} />
     case 'date-range-picker':
       return <DateRangePicker {...dialog.props} />
     case 'column-settings':

apps/sensenet/src/components/dialogs/index.ts

@@ -2,6 +2,7 @@ export * from './upload'
 export * from './approve'
 export * from './are-you-sure'
 export * from './check-in'
+export * from './change-password'
 export * from './content-picker'
 export * from './copy-move'
 export * from './custom-action-result'

apps/sensenet/src/localization/default.ts

@@ -677,6 +677,7 @@ const values = {
   },
   changePassword: {
     changeYourPassword: 'Change your password',
+    changePasswordFor: 'Change password for {0}',
     cancel: 'Cancel',
     update: 'Update',
     oldPassword: 'Old password',

apps/sensenet/src/localization/hungarian.ts

@@ -305,6 +305,7 @@ const values: Localization = {
   },
   changePassword: {
     changeYourPassword: 'Jelszómódosítás',
+    changePasswordFor: '{0} jelszavának módosítása',
     cancel: 'Cancel',
     update: 'Küldés',
     oldPassword: 'Régi jelszó',