feat: Replace user edit popups with a single modal

Editing a user now opens a modal with an information tab and an API
key tab instead of a chain of popups. The user name in the list opens
it, and the admin two-factor reset moves in as well.
This commit is contained in:
Daniel Hiller
2026-08-08 00:16:35 +02:00
parent a6f6af8a6c
commit a9d0c228df
19 changed files with 1057 additions and 479 deletions
@@ -1,44 +0,0 @@
/*!
* Copyright (c) 2024 PLANKA Software GmbH
* Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
*/
import React, { useCallback } from 'react';
import PropTypes from 'prop-types';
import { useTranslation } from 'react-i18next';
import { Popup } from '../../lib/custom-ui';
import EditUserInformation from './EditUserInformation';
const EditUserInformationStep = React.memo(({ id, onBack, onClose }) => {
const [t] = useTranslation();
const handleUpdate = useCallback(() => {
onClose();
}, [onClose]);
return (
<>
<Popup.Header onBack={onBack}>
{t('common.editInformation', {
context: 'title',
})}
</Popup.Header>
<Popup.Content>
<EditUserInformation id={id} onUpdate={handleUpdate} />
</Popup.Content>
</>
);
});
EditUserInformationStep.propTypes = {
id: PropTypes.string.isRequired,
onBack: PropTypes.func,
onClose: PropTypes.func.isRequired,
};
EditUserInformationStep.defaultProps = {
onBack: undefined,
};
export default EditUserInformationStep;