zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

add heart icon to AlgoItem

zio/stable
Ansh Nanda 2023-05-16 13:57:29 -07:00
parent 58e9c30abe
commit dd788550be
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/view/com/algos/AlgoItem.tsx
View File

@ -8,7 +8,7 @@ import {
} from 'react-native' } from 'react-native'
import {Text} from '../util/text/Text' import {Text} from '../util/text/Text'
import {usePalette} from 'lib/hooks/usePalette' import {usePalette} from 'lib/hooks/usePalette'
import {s} from 'lib/styles' import {colors, s} from 'lib/styles'
import {UserAvatar} from '../util/UserAvatar' import {UserAvatar} from '../util/UserAvatar'
import {Button} from '../util/forms/Button' import {Button} from '../util/forms/Button'
import {observer} from 'mobx-react-lite' import {observer} from 'mobx-react-lite'
@ -16,6 +16,7 @@ import {AlgoItemModel} from 'state/models/feeds/algo/algo-item'
import {useNavigation} from '@react-navigation/native' import {useNavigation} from '@react-navigation/native'
import {NavigationProp} from 'lib/routes/types' import {NavigationProp} from 'lib/routes/types'
import {useStores} from 'state/index' import {useStores} from 'state/index'
import {HeartIconSolid} from 'lib/icons'
const AlgoItem = observer( const AlgoItem = observer(
({item, style}: {item: AlgoItemModel; style?: StyleProp<ViewStyle>}) => { ({item, style}: {item: AlgoItemModel; style?: StyleProp<ViewStyle>}) => {
@ -36,7 +37,7 @@ const AlgoItem = observer(
key={item.data.uri}> key={item.data.uri}>
<View style={[styles.headerContainer]}> <View style={[styles.headerContainer]}>
<View style={[s.mr10]}> <View style={[s.mr10]}>
<UserAvatar size={36} avatar={item.data.avatar} /> <UserAvatar size={36} avatar={item.data.avatar} s />
</View> </View>
<View style={[styles.headerTextContainer]}> <View style={[styles.headerTextContainer]}>
<Text style={[pal.text, s.bold]}> <Text style={[pal.text, s.bold]}>
@ -56,6 +57,7 @@ const AlgoItem = observer(
<UserAvatar size={24} avatar={item.data.avatar} /> <UserAvatar size={24} avatar={item.data.avatar} />
</View> */} </View> */}
<HeartIconSolid size={16} style={[s.mr2, {color: colors.red3}]} />
<Text style={[pal.text, pal.textLight]}> <Text style={[pal.text, pal.textLight]}>
{item.data.likeCount && item.data.likeCount > 1 {item.data.likeCount && item.data.likeCount > 1
? `Liked by ${item.data.likeCount} others` ? `Liked by ${item.data.likeCount} others`