diff --git a/app/soapbox/actions/moderation.js b/app/soapbox/actions/moderation.js index 2aa8896be..d2489658f 100644 --- a/app/soapbox/actions/moderation.js +++ b/app/soapbox/actions/moderation.js @@ -48,15 +48,24 @@ export function deleteUserModal(intl, accountId, afterConfirm = () => {}) { const state = getState(); const acct = state.getIn(['accounts', accountId, 'acct']); const name = state.getIn(['accounts', accountId, 'username']); + const favicon = state.getIn(['accounts', accountId, 'pleroma', 'favicon']); const message = (<> {intl.formatMessage(messages.deleteUserPrompt, { acct })} ); + const confirm = (<> + {favicon && +
+ +
} + {intl.formatMessage(messages.deleteUserConfirm, { name })} + ); + dispatch(openModal('CONFIRM', { message, - confirm: intl.formatMessage(messages.deleteUserConfirm, { name }), + confirm, onConfirm: () => { dispatch(deleteUsers([acct])).then(() => { const message = intl.formatMessage(messages.userDeleted, { acct }); diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss index 37c1bcf6e..4327ac152 100644 --- a/app/styles/components/modal.scss +++ b/app/styles/components/modal.scss @@ -393,6 +393,23 @@ .button { flex: 0 0 auto; + display: flex; + align-items: center; + justify-content: center; + + .submit__favicon { + width: 16px; + height: 16px; + margin-right: 8px; + display: flex; + align-items: center; + justify-content: center; + + img { + width: 100%; + max-height: 100%; + } + } } }