Skip to content
Snippets Groups Projects
Unverified Commit b79927e1 authored by Samuel Couillard's avatar Samuel Couillard Committed by GitHub
Browse files

Fix Admin DeleteUser modal (#4757)

parent 8859c469
Branches
No related tags found
No related merge requests found
......@@ -58,7 +58,6 @@ export default function ManageUserRow({ user }) {
</Dropdown.Item>
<Modal
modalButton={<Dropdown.Item><TrashIcon className="hi-s me-2" />{ t('delete') }</Dropdown.Item>}
title={t('admin.manage_users.delete_user')}
body={<DeleteUserForm user={user} />}
/>
</Dropdown.Menu>
......
......@@ -5,6 +5,7 @@ import {
} from 'react-bootstrap';
import PropTypes from 'prop-types';
import { useTranslation } from 'react-i18next';
import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
import Form
from '../../../shared_components/forms/Form';
import useDeleteUser from '../../../../hooks/mutations/admin/manage_users/useDeleteUser';
......@@ -17,10 +18,14 @@ export default function DeleteUserForm({ user, handleClose }) {
return (
<>
<p className="text-center"> { t('admin.manage_users.are_you_sure_delete_account', { user }) }
<br />
{ t('admin.manage_users.delete_account_warning') }
</p>
<Stack direction="horizontal" className="mb-3">
<ExclamationTriangleIcon className="text-danger hi-xl" />
<Stack direction="vertical" className="ps-3">
<h3> {t('admin.manage_users.delete_user')} </h3>
<p className="mb-0">{ t('admin.manage_users.are_you_sure_delete_account', { user }) }</p>
<p className="mt-0"><strong> { t('action_permanent') } </strong></p>
</Stack>
</Stack>
<Form methods={methods} onSubmit={deleteUserAPI.mutate}>
<Stack direction="horizontal" gap={1} className="float-end">
<Button variant="neutral" onClick={handleClose}>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment