mirror of https://github.com/tooot-app/app
61 lines
1.7 KiB
TypeScript
61 lines
1.7 KiB
TypeScript
import { HeaderLeft } from '@components/Header'
|
|
import { ParseEmojis } from '@components/Parse'
|
|
import CustomText from '@components/Text'
|
|
import Timeline from '@components/Timeline'
|
|
import TimelineDefault from '@components/Timeline/Default'
|
|
import { TabSharedStackScreenProps } from '@utils/navigation/navigators'
|
|
import { QueryKeyTimeline } from '@utils/queryHooks/timeline'
|
|
import { useTheme } from '@utils/styles/ThemeManager'
|
|
import React, { useEffect } from 'react'
|
|
import { Trans } from 'react-i18next'
|
|
|
|
const TabSharedAttachments: React.FC<TabSharedStackScreenProps<'Tab-Shared-Attachments'>> = ({
|
|
navigation,
|
|
route: {
|
|
params: { account }
|
|
}
|
|
}) => {
|
|
const { colors } = useTheme()
|
|
|
|
useEffect(() => {
|
|
navigation.setOptions({
|
|
headerLeft: () => <HeaderLeft onPress={() => navigation.goBack()} background />,
|
|
headerTitle: () => (
|
|
<CustomText numberOfLines={1}>
|
|
<Trans
|
|
i18nKey='screenTabs:shared.attachments.name'
|
|
components={[
|
|
<ParseEmojis
|
|
content={account.display_name || account.username}
|
|
emojis={account.emojis}
|
|
fontBold
|
|
/>,
|
|
<CustomText
|
|
fontStyle='M'
|
|
style={{ color: colors.primaryDefault }}
|
|
fontWeight='Bold'
|
|
/>
|
|
]}
|
|
/>
|
|
</CustomText>
|
|
)
|
|
})
|
|
}, [])
|
|
|
|
const queryKey: QueryKeyTimeline = [
|
|
'Timeline',
|
|
{ page: 'Account_Attachments', account: account.id }
|
|
]
|
|
|
|
return (
|
|
<Timeline
|
|
queryKey={queryKey}
|
|
customProps={{
|
|
renderItem: ({ item }) => <TimelineDefault item={item} queryKey={queryKey} />
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default TabSharedAttachments
|