diff --git a/app/javascript/flavours/glitch/components/status_quoted.tsx b/app/javascript/flavours/glitch/components/status_quoted.tsx index 2788cf58af..b50fec31d6 100644 --- a/app/javascript/flavours/glitch/components/status_quoted.tsx +++ b/app/javascript/flavours/glitch/components/status_quoted.tsx @@ -1,4 +1,4 @@ -import { useEffect, useMemo, useRef } from 'react'; +import { useCallback, useEffect, useMemo, useRef } from 'react'; import { FormattedMessage } from 'react-intl'; @@ -6,13 +6,16 @@ import type { Map as ImmutableMap } from 'immutable'; import { LearnMoreLink } from 'flavours/glitch/components/learn_more_link'; import StatusContainer from 'flavours/glitch/containers/status_container'; +import { domain } from 'flavours/glitch/initial_state'; +import type { Account } from 'flavours/glitch/models/account'; import type { Status } from 'flavours/glitch/models/status'; import type { RootState } from 'flavours/glitch/store'; import { useAppDispatch, useAppSelector } from 'flavours/glitch/store'; +import { revealAccount } from '../actions/accounts_typed'; import { fetchStatus } from '../actions/statuses'; -import type { Account } from '../models/account'; import { makeGetStatusWithExtraInfo } from '../selectors'; +import { getAccountHidden } from '../selectors/accounts'; import { Button } from './button'; @@ -56,6 +59,29 @@ type GetStatusSelector = ( type QuoteMap = ImmutableMap<'state' | 'quoted_status', string | null>; +const LimitedAccountHint: React.FC<{ accountId: string }> = ({ accountId }) => { + const dispatch = useAppDispatch(); + const reveal = useCallback(() => { + dispatch(revealAccount({ id: accountId })); + }, [dispatch, accountId]); + + return ( + <> + + + + ); +}; + interface QuotedStatusProps { quote: QuoteMap; contextType?: string; @@ -89,6 +115,13 @@ export const QuotedStatus: React.FC = ({ getStatusSelector(state, { id: quotedStatusId, contextType }), ); + const accountId: string | null = status?.get('account') + ? (status.get('account') as Account).id + : null; + const hiddenAccount = useAppSelector( + (state) => accountId && getAccountHidden(state, accountId), + ); + const shouldFetchQuote = !status?.get('isLoading') && quoteState !== 'deleted' && @@ -164,6 +197,8 @@ export const QuotedStatus: React.FC = ({ defaultMessage='Post unavailable' /> ); + } else if (hiddenAccount && accountId) { + quoteError = ; } if (quoteError) {