mirror of https://github.com/tooot-app/app
109 lines
2.5 KiB
TypeScript
109 lines
2.5 KiB
TypeScript
import React from 'react'
|
|
import { StyleSheet, Text, View } from 'react-native'
|
|
import { Feather } from '@expo/vector-icons'
|
|
|
|
import Emojis from '@components/Timelines/Timeline/Shared/Emojis'
|
|
import { useTheme } from '@utils/styles/ThemeManager'
|
|
import { StyleConstants } from '@utils/styles/constants'
|
|
|
|
export interface Props {
|
|
account: Mastodon.Account
|
|
action: 'favourite' | 'follow' | 'mention' | 'poll' | 'reblog'
|
|
notification?: boolean
|
|
}
|
|
|
|
const TimelineActioned: React.FC<Props> = ({
|
|
account,
|
|
|
|
action,
|
|
notification = false
|
|
}) => {
|
|
const { theme } = useTheme()
|
|
const name = account.display_name || account.username
|
|
const iconColor = theme.primary
|
|
|
|
let icon
|
|
let content
|
|
switch (action) {
|
|
case 'favourite':
|
|
icon = (
|
|
<Feather
|
|
name='heart'
|
|
size={StyleConstants.Font.Size.S}
|
|
color={iconColor}
|
|
style={styles.icon}
|
|
/>
|
|
)
|
|
content = `${name} 喜欢了你的嘟嘟`
|
|
break
|
|
case 'follow':
|
|
icon = (
|
|
<Feather
|
|
name='user-plus'
|
|
size={StyleConstants.Font.Size.S}
|
|
color={iconColor}
|
|
style={styles.icon}
|
|
/>
|
|
)
|
|
content = `${name} 开始关注你`
|
|
break
|
|
case 'poll':
|
|
icon = (
|
|
<Feather
|
|
name='bar-chart-2'
|
|
size={StyleConstants.Font.Size.S}
|
|
color='black'
|
|
style={styles.icon}
|
|
/>
|
|
)
|
|
content = `你参与的投票已结束`
|
|
break
|
|
case 'reblog':
|
|
icon = (
|
|
<Feather
|
|
name='repeat'
|
|
size={StyleConstants.Font.Size.S}
|
|
color={iconColor}
|
|
style={styles.icon}
|
|
/>
|
|
)
|
|
content = `${name} 转嘟了${notification ? '你的嘟嘟' : ''}`
|
|
break
|
|
}
|
|
|
|
return (
|
|
<View style={styles.actioned}>
|
|
{icon}
|
|
{content && (
|
|
<View style={styles.content}>
|
|
{account.emojis ? (
|
|
<Emojis
|
|
content={content}
|
|
emojis={account.emojis}
|
|
size={StyleConstants.Font.Size.S}
|
|
/>
|
|
) : (
|
|
<Text>{content}</Text>
|
|
)}
|
|
</View>
|
|
)}
|
|
</View>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
actioned: {
|
|
flexDirection: 'row',
|
|
marginBottom: StyleConstants.Spacing.S
|
|
},
|
|
icon: {
|
|
marginLeft: StyleConstants.Avatar.S - StyleConstants.Font.Size.S,
|
|
marginRight: StyleConstants.Spacing.S
|
|
},
|
|
content: {
|
|
flexDirection: 'row'
|
|
}
|
|
})
|
|
|
|
export default React.memo(TimelineActioned, () => true)
|