bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

AccountModerationModal: add "Open in AdminFE" button

Browse source
This commit is contained in:
Alex Gleason 2022-09-11 11:46:08 -05:00
parent 3120cc8453
commit 774894e127
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/soapbox/features/ui/components/modals/account-moderation-modal.tsx
View file

@ -1,15 +1,11 @@
import React from 'react'; import React from 'react';
import { defineMessages, useIntl } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import MissingIndicator from 'soapbox/components/missing_indicator'; import MissingIndicator from 'soapbox/components/missing_indicator';
import { Modal } from 'soapbox/components/ui'; import { Button, HStack, Modal } from 'soapbox/components/ui';
import { useAppSelector } from 'soapbox/hooks'; import { useAppSelector } from 'soapbox/hooks';
import { makeGetAccount } from 'soapbox/selectors'; import { makeGetAccount } from 'soapbox/selectors';
const messages = defineMessages({
title: { id: 'account_moderation_modal.title', defaultMessage: 'Moderate @{acct}' },
});
const getAccount = makeGetAccount(); const getAccount = makeGetAccount();
interface IAccountModerationModal { interface IAccountModerationModal {
@ -21,7 +17,6 @@ interface IAccountModerationModal {
/** Moderator actions against accounts. */ /** Moderator actions against accounts. */
const AccountModerationModal: React.FC<IAccountModerationModal> = ({ onClose, accountId }) => { const AccountModerationModal: React.FC<IAccountModerationModal> = ({ onClose, accountId }) => {
const intl = useIntl();
const account = useAppSelector(state => getAccount(state, accountId)); const account = useAppSelector(state => getAccount(state, accountId));
const handleClose = () => onClose('ACCOUNT_MODERATION'); const handleClose = () => onClose('ACCOUNT_MODERATION');
@ -34,12 +29,20 @@ const AccountModerationModal: React.FC<IAccountModerationModal> = ({ onClose, ac
); );
} }
const handleAdminFE = () => {
window.open(`/pleroma/admin/#/users/${account.id}/`, '_blank');
};
return ( return (
<Modal <Modal
title={intl.formatMessage(messages.title, { acct: account.acct })} title={<FormattedMessage id='account_moderation_modal.title' defaultMessage='Moderate @{acct}' values={{ acct: account.acct }} />}
onClose={handleClose} onClose={handleClose}
> >
<div>TODO</div> <HStack justifyContent='center'>
<Button icon={require('@tabler/icons/external-link.svg')} size='sm' theme='secondary' onClick={handleAdminFE}>
<FormattedMessage id='account_moderation_modal.admin_fe' defaultMessage='Open in AdminFE' />
</Button>
</HStack>
</Modal> </Modal>
); );
}; };