184 lines
9.1 KiB
TypeScript
184 lines
9.1 KiB
TypeScript
import React from 'react';
|
|
import { defineMessages, IntlShape } from 'react-intl';
|
|
|
|
import { fetchAccountByUsername } from 'soapbox/actions/accounts';
|
|
import { deactivateUsers, deleteUsers, deleteStatus, toggleStatusSensitivity } from 'soapbox/actions/admin';
|
|
import { openModal } from 'soapbox/actions/modals';
|
|
import snackbar from 'soapbox/actions/snackbar';
|
|
import OutlineBox from 'soapbox/components/outline-box';
|
|
import { Stack, Text } from 'soapbox/components/ui';
|
|
import AccountContainer from 'soapbox/containers/account-container';
|
|
import { isLocal } from 'soapbox/utils/accounts';
|
|
|
|
import type { AppDispatch, RootState } from 'soapbox/store';
|
|
|
|
const messages = defineMessages({
|
|
deactivateUserHeading: { id: 'confirmations.admin.deactivate_user.heading', defaultMessage: 'Deactivate @{acct}' },
|
|
deactivateUserPrompt: { id: 'confirmations.admin.deactivate_user.message', defaultMessage: 'You are about to deactivate @{acct}. Deactivating a user is a reversible action.' },
|
|
deactivateUserConfirm: { id: 'confirmations.admin.deactivate_user.confirm', defaultMessage: 'Deactivate @{name}' },
|
|
userDeactivated: { id: 'admin.users.user_deactivated_message', defaultMessage: '@{acct} was deactivated' },
|
|
deleteUserHeading: { id: 'confirmations.admin.delete_user.heading', defaultMessage: 'Delete @{acct}' },
|
|
deleteUserPrompt: { id: 'confirmations.admin.delete_user.message', defaultMessage: 'You are about to delete @{acct}. THIS IS A DESTRUCTIVE ACTION THAT CANNOT BE UNDONE.' },
|
|
deleteUserConfirm: { id: 'confirmations.admin.delete_user.confirm', defaultMessage: 'Delete @{name}' },
|
|
deleteLocalUserCheckbox: { id: 'confirmations.admin.delete_local_user.checkbox', defaultMessage: 'I understand that I am about to delete a local user.' },
|
|
userDeleted: { id: 'admin.users.user_deleted_message', defaultMessage: '@{acct} was deleted' },
|
|
deleteStatusHeading: { id: 'confirmations.admin.delete_status.heading', defaultMessage: 'Delete post' },
|
|
deleteStatusPrompt: { id: 'confirmations.admin.delete_status.message', defaultMessage: 'You are about to delete a post by @{acct}. This action cannot be undone.' },
|
|
deleteStatusConfirm: { id: 'confirmations.admin.delete_status.confirm', defaultMessage: 'Delete post' },
|
|
rejectUserHeading: { id: 'confirmations.admin.reject_user.heading', defaultMessage: 'Reject @{acct}' },
|
|
rejectUserPrompt: { id: 'confirmations.admin.reject_user.message', defaultMessage: 'You are about to reject @{acct} registration request. This action cannot be undone.' },
|
|
rejectUserConfirm: { id: 'confirmations.admin.reject_user.confirm', defaultMessage: 'Reject @{name}' },
|
|
statusDeleted: { id: 'admin.statuses.status_deleted_message', defaultMessage: 'Post by @{acct} was deleted' },
|
|
markStatusSensitiveHeading: { id: 'confirmations.admin.mark_status_sensitive.heading', defaultMessage: 'Mark post sensitive' },
|
|
markStatusNotSensitiveHeading: { id: 'confirmations.admin.mark_status_not_sensitive.heading', defaultMessage: 'Mark post not sensitive.' },
|
|
markStatusSensitivePrompt: { id: 'confirmations.admin.mark_status_sensitive.message', defaultMessage: 'You are about to mark a post by @{acct} sensitive.' },
|
|
markStatusNotSensitivePrompt: { id: 'confirmations.admin.mark_status_not_sensitive.message', defaultMessage: 'You are about to mark a post by @{acct} not sensitive.' },
|
|
markStatusSensitiveConfirm: { id: 'confirmations.admin.mark_status_sensitive.confirm', defaultMessage: 'Mark post sensitive' },
|
|
markStatusNotSensitiveConfirm: { id: 'confirmations.admin.mark_status_not_sensitive.confirm', defaultMessage: 'Mark post not sensitive' },
|
|
statusMarkedSensitive: { id: 'admin.statuses.status_marked_message_sensitive', defaultMessage: 'Post by @{acct} was marked sensitive' },
|
|
statusMarkedNotSensitive: { id: 'admin.statuses.status_marked_message_not_sensitive', defaultMessage: 'Post by @{acct} was marked not sensitive' },
|
|
});
|
|
|
|
const deactivateUserModal = (intl: IntlShape, accountId: string, afterConfirm = () => {}) =>
|
|
(dispatch: AppDispatch, getState: () => RootState) => {
|
|
const state = getState();
|
|
const acct = state.accounts.get(accountId)!.acct;
|
|
const name = state.accounts.get(accountId)!.username;
|
|
|
|
const message = (
|
|
<Stack space={4}>
|
|
<OutlineBox>
|
|
<AccountContainer id={accountId} />
|
|
</OutlineBox>
|
|
|
|
<Text>
|
|
{intl.formatMessage(messages.deactivateUserPrompt, { acct })}
|
|
</Text>
|
|
</Stack>
|
|
);
|
|
|
|
dispatch(openModal('CONFIRM', {
|
|
icon: require('@tabler/icons/user-off.svg'),
|
|
heading: intl.formatMessage(messages.deactivateUserHeading, { acct }),
|
|
message,
|
|
confirm: intl.formatMessage(messages.deactivateUserConfirm, { name }),
|
|
onConfirm: () => {
|
|
dispatch(deactivateUsers([accountId])).then(() => {
|
|
const message = intl.formatMessage(messages.userDeactivated, { acct });
|
|
dispatch(snackbar.success(message));
|
|
afterConfirm();
|
|
}).catch(() => {});
|
|
},
|
|
}));
|
|
};
|
|
|
|
const deleteUserModal = (intl: IntlShape, accountId: string, afterConfirm = () => {}) =>
|
|
(dispatch: AppDispatch, getState: () => RootState) => {
|
|
const state = getState();
|
|
const account = state.accounts.get(accountId)!;
|
|
const acct = account.acct;
|
|
const name = account.username;
|
|
const local = isLocal(account);
|
|
|
|
const message = (
|
|
<Stack space={4}>
|
|
<OutlineBox>
|
|
<AccountContainer id={accountId} />
|
|
</OutlineBox>
|
|
|
|
<Text>
|
|
{intl.formatMessage(messages.deleteUserPrompt, { acct })}
|
|
</Text>
|
|
</Stack>
|
|
);
|
|
|
|
const confirm = intl.formatMessage(messages.deleteUserConfirm, { name });
|
|
const checkbox = local ? intl.formatMessage(messages.deleteLocalUserCheckbox) : false;
|
|
|
|
dispatch(openModal('CONFIRM', {
|
|
icon: require('@tabler/icons/user-minus.svg'),
|
|
heading: intl.formatMessage(messages.deleteUserHeading, { acct }),
|
|
message,
|
|
confirm,
|
|
checkbox,
|
|
onConfirm: () => {
|
|
dispatch(deleteUsers([accountId])).then(() => {
|
|
const message = intl.formatMessage(messages.userDeleted, { acct });
|
|
dispatch(fetchAccountByUsername(acct));
|
|
dispatch(snackbar.success(message));
|
|
afterConfirm();
|
|
}).catch(() => {});
|
|
},
|
|
}));
|
|
};
|
|
|
|
const rejectUserModal = (intl: IntlShape, accountId: string, afterConfirm = () => {}) =>
|
|
(dispatch: AppDispatch, getState: () => RootState) => {
|
|
const state = getState();
|
|
const acct = state.accounts.get(accountId)!.acct;
|
|
const name = state.accounts.get(accountId)!.username;
|
|
|
|
dispatch(openModal('CONFIRM', {
|
|
icon: require('@tabler/icons/user-off.svg'),
|
|
heading: intl.formatMessage(messages.rejectUserHeading, { acct }),
|
|
message: intl.formatMessage(messages.rejectUserPrompt, { acct }),
|
|
confirm: intl.formatMessage(messages.rejectUserConfirm, { name }),
|
|
onConfirm: () => {
|
|
dispatch(deleteUsers([accountId]))
|
|
.then(() => {
|
|
afterConfirm();
|
|
})
|
|
.catch(() => {});
|
|
},
|
|
}));
|
|
};
|
|
|
|
const toggleStatusSensitivityModal = (intl: IntlShape, statusId: string, sensitive: boolean, afterConfirm = () => {}) =>
|
|
(dispatch: AppDispatch, getState: () => RootState) => {
|
|
const state = getState();
|
|
const accountId = state.statuses.get(statusId)!.account;
|
|
const acct = state.accounts.get(accountId)!.acct;
|
|
|
|
dispatch(openModal('CONFIRM', {
|
|
icon: require('@tabler/icons/alert-triangle.svg'),
|
|
heading: intl.formatMessage(sensitive === false ? messages.markStatusSensitiveHeading : messages.markStatusNotSensitiveHeading),
|
|
message: intl.formatMessage(sensitive === false ? messages.markStatusSensitivePrompt : messages.markStatusNotSensitivePrompt, { acct }),
|
|
confirm: intl.formatMessage(sensitive === false ? messages.markStatusSensitiveConfirm : messages.markStatusNotSensitiveConfirm),
|
|
onConfirm: () => {
|
|
dispatch(toggleStatusSensitivity(statusId, sensitive)).then(() => {
|
|
const message = intl.formatMessage(sensitive === false ? messages.statusMarkedSensitive : messages.statusMarkedNotSensitive, { acct });
|
|
dispatch(snackbar.success(message));
|
|
}).catch(() => {});
|
|
afterConfirm();
|
|
},
|
|
}));
|
|
};
|
|
|
|
const deleteStatusModal = (intl: IntlShape, statusId: string, afterConfirm = () => {}) =>
|
|
(dispatch: AppDispatch, getState: () => RootState) => {
|
|
const state = getState();
|
|
const accountId = state.statuses.get(statusId)!.account;
|
|
const acct = state.accounts.get(accountId)!.acct;
|
|
|
|
dispatch(openModal('CONFIRM', {
|
|
icon: require('@tabler/icons/trash.svg'),
|
|
heading: intl.formatMessage(messages.deleteStatusHeading),
|
|
message: intl.formatMessage(messages.deleteStatusPrompt, { acct }),
|
|
confirm: intl.formatMessage(messages.deleteStatusConfirm),
|
|
onConfirm: () => {
|
|
dispatch(deleteStatus(statusId)).then(() => {
|
|
const message = intl.formatMessage(messages.statusDeleted, { acct });
|
|
dispatch(snackbar.success(message));
|
|
}).catch(() => {});
|
|
afterConfirm();
|
|
},
|
|
}));
|
|
};
|
|
|
|
export {
|
|
deactivateUserModal,
|
|
deleteUserModal,
|
|
rejectUserModal,
|
|
toggleStatusSensitivityModal,
|
|
deleteStatusModal,
|
|
};
|