diff --git a/app/soapbox/features/follow-requests/components/account-authorize.tsx b/app/soapbox/features/follow-requests/components/account-authorize.tsx index a2ab88450..91f492523 100644 --- a/app/soapbox/features/follow-requests/components/account-authorize.tsx +++ b/app/soapbox/features/follow-requests/components/account-authorize.tsx @@ -1,36 +1,23 @@ import React, { useCallback } from 'react'; -import { defineMessages, useIntl } from 'react-intl'; import { authorizeFollowRequest, rejectFollowRequest } from 'soapbox/actions/accounts'; import Account from 'soapbox/components/account'; -import { Button, HStack } from 'soapbox/components/ui'; +import { AuthorizeRejectButtons } from 'soapbox/components/authorize-reject-buttons'; import { useAppDispatch, useAppSelector } from 'soapbox/hooks'; import { makeGetAccount } from 'soapbox/selectors'; -const messages = defineMessages({ - authorize: { id: 'follow_request.authorize', defaultMessage: 'Authorize' }, - reject: { id: 'follow_request.reject', defaultMessage: 'Reject' }, -}); - interface IAccountAuthorize { id: string } const AccountAuthorize: React.FC = ({ id }) => { - const intl = useIntl(); const dispatch = useAppDispatch(); const getAccount = useCallback(makeGetAccount(), []); - const account = useAppSelector((state) => getAccount(state, id)); - const onAuthorize = () => { - dispatch(authorizeFollowRequest(id)); - }; - - const onReject = () => { - dispatch(rejectFollowRequest(id)); - }; + const onAuthorize = () => dispatch(authorizeFollowRequest(id)); + const onReject = () => dispatch(rejectFollowRequest(id)); if (!account) return null; @@ -39,22 +26,10 @@ const AccountAuthorize: React.FC = ({ id }) => { -