diff --git a/app/soapbox/components/authorize-reject-buttons.tsx b/app/soapbox/components/authorize-reject-buttons.tsx index a813eaed0..01a45ce8e 100644 --- a/app/soapbox/components/authorize-reject-buttons.tsx +++ b/app/soapbox/components/authorize-reject-buttons.tsx @@ -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 = ({ id, onAuthorize, onReject }) => { - const intl = useIntl(); const [state, setState] = useState<'authorized' | 'rejected' | 'pending'>('pending'); function handleAuthorize() { @@ -55,19 +47,19 @@ const AuthorizeRejectButtons: React.FC = ({ id, onAutho ); case 'authorized': return ( -