Admins can trigger reset password for users

- admins cannot trigger reset password for external users

Author: alihadimazeh

app/assets/locales/en.json

@@ -15,6 +15,7 @@
   "share": "Share",
   "cancel": "Cancel",
   "reset":   "Reset",
+  "reset_password": "Reset Password",
   "close": "Close",
   "delete": "Delete",
   "copy": "Copy Join Link",

app/javascript/components/users/user/forms/UpdateUserForm.jsx

@@ -31,6 +31,7 @@ import Option from '../../../shared_components/utilities/Option';
 import useLocales from '../../../../hooks/queries/locales/useLocales';
 import useUpdateUserForm from '../../../../hooks/forms/users/user/useUpdateUserForm';
 import PermissionChecker from '../../../../helpers/PermissionChecker';
+import useCreateResetPwd from '../../../../hooks/mutations/users/useCreateResetPwd';
 
 export default function UpdateUserForm({ user }) {
   const { t } = useTranslation();
@@ -42,6 +43,7 @@ export default function UpdateUserForm({ user }) {
   const { data: roles } = useRoles({ enabled: canUpdateRole });
   const { data: locales } = useLocales();
   const updateUserAPI = useUpdateUser(user?.id);
+  const resetPasswordAPI = useCreateResetPwd({ shouldNavigate: false });
 
   function currentLanguage() {
     const language = user?.language;
@@ -85,6 +87,13 @@ export default function UpdateUserForm({ user }) {
         </FormSelect>
       )}
       <Stack direction="horizontal" gap={2} className="float-end">
+        {(canUpdateRole && !user.external_account) && (
+        <Button
+          variant="outline-secondary"
+          onClick={() => resetPasswordAPI.mutate({ email: user.email })}
+        >{ t('reset_password')}
+        </Button>
+        )}
         <Button variant="neutral" onClick={reset}> { t('reset') } </Button>
         <Button variant="brand" type="submit" disabled={updateUserAPI.isLoading}>
           { t('update') }

app/javascript/hooks/mutations/users/useCreateResetPwd.jsx

@@ -20,7 +20,7 @@ import { toast } from 'react-toastify';
 import { useTranslation } from 'react-i18next';
 import axios from '../../../helpers/Axios';
 
-export default function useCreateResetPwd() {
+export default function useCreateResetPwd({ shouldNavigate = true } = {}) {
   const { t } = useTranslation();
   const navigate = useNavigate();
 
@@ -29,7 +29,9 @@ export default function useCreateResetPwd() {
     {
       onSuccess: () => {
         toast.success(t('toast.success.user.reset_pwd_email_sent'));
-        navigate('/');
+        if (shouldNavigate) {
+          navigate('/');
+        }
       },
       onError: () => {
         toast.error(t('toast.error.problem_completing_action'));