Fix #582

src/components/Timeline/Shared/Content.tsx

@@ -1,8 +1,12 @@
 import { ParseHTML } from '@components/Parse'
+import CustomText from '@components/Text'
 import { getInstanceAccount } from '@utils/slices/instancesSlice'
+import { StyleConstants } from '@utils/styles/constants'
+import { useTheme } from '@utils/styles/ThemeManager'
 import React, { useContext } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Platform } from 'react-native'
+import { Platform, StyleSheet, View } from 'react-native'
+import { Path, Svg } from 'react-native-svg'
 import { useSelector } from 'react-redux'
 import { isRtlLang } from 'rtl-detect'
 import StatusContext from './Context'
@@ -16,6 +20,7 @@ const TimelineContent: React.FC<Props> = ({ notificationOwnToot = false, setSpoi
   const { status, highlighted, inThread, disableDetails } = useContext(StatusContext)
   if (!status || typeof status.content !== 'string' || !status.content.length) return null
 
+  const { colors } = useTheme()
   const { t } = useTranslation('componentTimeline')
   const instanceAccount = useSelector(getInstanceAccount, () => true)
 
@@ -39,6 +44,11 @@ const TimelineContent: React.FC<Props> = ({ notificationOwnToot = false, setSpoi
                 : undefined
             }
           />
+          {inThread ? (
+            <CustomText fontStyle='S' style={{ textAlign: 'center', color: colors.secondary, paddingVertical: StyleConstants.Spacing.XS }}>
+              {t('shared.content.expandHint')}
+            </CustomText>
+          ) : null}
           <ParseHTML
             content={status.content}
             size={highlighted ? 'L' : 'M'}