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%;
+ }
+ }
}
}