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

like/unlike improvements WIP

Browse source
This commit is contained in:
Ansh Nanda 2023-05-15 22:39:47 -07:00
parent c4a666c221
commit 8071ae313d
2 changed files with 52 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/view/screens/CustomFeed.tsx
View file

@ -1,6 +1,6 @@
import {NativeStackScreenProps} from '@react-navigation/native-stack'
import {usePalette} from 'lib/hooks/usePalette'
import {HeartIcon} from 'lib/icons'
import {HeartIcon, HeartIconSolid} from 'lib/icons'
import {CommonNavigatorParams} from 'lib/routes/types'
import {colors, s} from 'lib/styles'
import {observer} from 'mobx-react-lite'
@ -74,13 +74,21 @@ export const CustomFeed = withAuthRequired(
<TouchableOpacity
accessibilityRole="button"
onPress={() => {
currentFeed?.like()
if (currentFeed?.isLiked) {
currentFeed?.unlike()
} else {
currentFeed?.like()
}
}}
style={[styles.likeButton]}>
<Text style={[pal.text, s.semiBold]}>
{currentFeed?.data.likeCount}
</Text>
<HeartIcon strokeWidth={3} size={18} style={styles.liked} />
{currentFeed?.isLiked ? (
<HeartIconSolid size={18} style={styles.liked} />
) : (
<HeartIcon strokeWidth={3} size={18} style={styles.liked} />
)}
</TouchableOpacity>
</View>
</View>