123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import styled from '@emotion/styled';
- import {addErrorMessage, addSuccessMessage} from 'sentry/actionCreators/indicator';
- import Button from 'sentry/components/button';
- import Form from 'sentry/components/forms/form';
- import JsonForm from 'sentry/components/forms/jsonForm';
- import {PanelAlert, PanelItem} from 'sentry/components/panels';
- import accountPasswordFields from 'sentry/data/forms/accountPassword';
- import {t} from 'sentry/locale';
- import ConfigStore from 'sentry/stores/configStore';
- type OnSubmitSuccess = Parameters<NonNullable<Form['props']['onSubmitSuccess']>>;
- function PasswordForm() {
- function handleSubmitSuccess(_change: OnSubmitSuccess[0], model: OnSubmitSuccess[1]) {
- // Reset form on success
- model.resetForm();
- addSuccessMessage('Password has been changed');
- }
- function handleSubmitError() {
- addErrorMessage('Error changing password');
- }
- const user = ConfigStore.get('user');
- return (
- <Form
- apiMethod="PUT"
- apiEndpoint="/users/me/password/"
- initialData={{}}
- onSubmitSuccess={handleSubmitSuccess}
- onSubmitError={handleSubmitError}
- hideFooter
- >
- <JsonForm
- forms={accountPasswordFields}
- additionalFieldProps={{user}}
- renderFooter={() => (
- <Actions>
- <Button type="submit" priority="primary">
- {t('Change password')}
- </Button>
- </Actions>
- )}
- renderHeader={() => (
- <PanelAlert type="info">
- {t('Changing your password will invalidate all logged in sessions.')}
- </PanelAlert>
- )}
- />
- </Form>
- );
- }
- const Actions = styled(PanelItem)`
- justify-content: flex-end;
- `;
- export default PasswordForm;
|