2022-05-07 00:52:32 +02:00
|
|
|
import CustomText from '@components/Text'
|
2021-03-14 01:35:38 +01:00
|
|
|
import { StyleConstants } from '@utils/styles/constants'
|
|
|
|
import { useTheme } from '@utils/styles/ThemeManager'
|
2022-12-03 20:47:11 +01:00
|
|
|
import React, { useContext } from 'react'
|
2021-03-14 01:35:38 +01:00
|
|
|
import { useTranslation } from 'react-i18next'
|
2022-12-03 20:47:11 +01:00
|
|
|
import StatusContext from './Context'
|
2021-03-14 01:35:38 +01:00
|
|
|
|
2022-12-03 20:47:11 +01:00
|
|
|
const TimelineFullConversation = () => {
|
|
|
|
const { queryKey, status, disableDetails } = useContext(StatusContext)
|
|
|
|
if (!status || disableDetails) return null
|
2021-03-14 01:35:38 +01:00
|
|
|
|
2022-12-03 20:47:11 +01:00
|
|
|
const { t } = useTranslation('componentTimeline')
|
|
|
|
const { colors } = useTheme()
|
2021-03-14 01:35:38 +01:00
|
|
|
|
2022-12-03 20:47:11 +01:00
|
|
|
return queryKey &&
|
|
|
|
queryKey[1].page !== 'Toot' &&
|
|
|
|
status.in_reply_to_account_id &&
|
2023-01-30 12:55:35 +01:00
|
|
|
(status.mentions?.length === 0 ||
|
|
|
|
status.mentions?.filter(mention => mention.id !== status.in_reply_to_account_id).length) ? (
|
2022-12-03 20:47:11 +01:00
|
|
|
<CustomText
|
|
|
|
fontStyle='S'
|
|
|
|
style={{
|
|
|
|
color: colors.blue,
|
|
|
|
marginTop: StyleConstants.Spacing.S
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
{t('shared.fullConversation')}
|
|
|
|
</CustomText>
|
|
|
|
) : null
|
|
|
|
}
|
2021-03-14 01:35:38 +01:00
|
|
|
|
|
|
|
export default TimelineFullConversation
|