octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Now can scroll to top

Browse Source
This commit is contained in:
Zhiyuan Zheng
2020-12-13 23:02:54 +01:00
parent ce7563ecbc
commit c1076b8e94
6 changed files with 101 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/Timelines/Timeline/Conversation.tsx
View File

@ -31,27 +31,42 @@ const TimelineConversation: React.FC<Props> = ({
)
const conversationChildren = useMemo(() => {
return item.last_status && <TimelineContent status={item.last_status} />
return (
item.last_status && (
<View
style={{
paddingTop: highlighted ? StyleConstants.Spacing.S : 0,
paddingLeft: highlighted
? 0
: StyleConstants.Avatar.S + StyleConstants.Spacing.S
}}
>
<TimelineContent
status={item.last_status}
highlighted={highlighted}
/>
</View>
)
)
}, [])
return (
<View style={styles.statusView}>
<View style={styles.status}>
<View style={styles.conversationView}>
<View style={styles.header}>
<TimelineAvatar account={item.accounts[0]} />
<View style={styles.details}>
<TimelineHeaderConversation
queryKey={queryKey}
id={item.id}
account={item.accounts[0]}
created_at={item.last_status?.created_at}
/>
<Pressable
onPress={conversationOnPress}
children={conversationChildren}
/>
</View>
<TimelineHeaderConversation
queryKey={queryKey}
id={item.id}
account={item.accounts[0]}
created_at={item.last_status?.created_at}
/>
</View>
<Pressable
onPress={conversationOnPress}
children={conversationChildren}
/>
<View
style={{
paddingLeft: highlighted
@ -66,18 +81,15 @@ const TimelineConversation: React.FC<Props> = ({
}
const styles = StyleSheet.create({
statusView: {
conversationView: {
flex: 1,
flexDirection: 'column',
padding: StyleConstants.Spacing.Global.PagePadding
},
status: {
header: {
flex: 1,
width: '100%',
flexDirection: 'row'
},
details: {
flex: 1,
flexGrow: 1
}
})