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

AuthorizeRejectButtons: improve style of result message

Browse source
This commit is contained in:
Alex Gleason 2023-03-20 18:49:41 -05:00
parent fe64f9f84b
commit f9ab9a45c2
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 12 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
app/soapbox/components/authorize-reject-buttons.tsx
View file

@ -1,14 +1,7 @@
import React, { useState } from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { FormattedMessage } from 'react-intl';
import { Button, HStack, IconButton } from 'soapbox/components/ui';
const messages = defineMessages({
authorize: { id: 'authorize', defaultMessage: 'Accept' },
authorized: { id: 'authorize.success', defaultMessage: 'Accepted' },
reject: { id: 'reject', defaultMessage: 'Reject' },
rejected: { id: 'reject.success', defaultMessage: 'Rejected' },
});
import { HStack, IconButton, Text } from 'soapbox/components/ui';
interface IAuthorizeRejectButtons {
id: string
@ -18,7 +11,6 @@ interface IAuthorizeRejectButtons {
/** Buttons to approve or reject a pending item, usually an account. */
const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ id, onAuthorize, onReject }) => {
const intl = useIntl();
const [state, setState] = useState<'authorized' | 'rejected' | 'pending'>('pending');
function handleAuthorize() {
@ -55,19 +47,19 @@ const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ id, onAutho
);
case 'authorized':
return (
<Button
size='sm'
text={intl.formatMessage(messages.authorized)}
disabled
/>
<div className='rounded-full bg-gray-100 px-4 py-2 dark:bg-gray-800'>
<Text theme='muted' size='sm'>
<FormattedMessage id='authorize.success' defaultMessage='Authorized' />
</Text>
</div>
);
case 'rejected':
return (
<Button
size='sm'
text={intl.formatMessage(messages.rejected)}
disabled
/>
<div className='rounded-full bg-gray-100 px-4 py-2 dark:bg-gray-800'>
<Text theme='muted' size='sm'>
<FormattedMessage id='reject.success' defaultMessage='Rejected' />
</Text>
</div>
);
}
};