aboutsummaryrefslogtreecommitdiff
path: root/src/components/common/LikeButton.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/common/LikeButton.tsx')
-rw-r--r--src/components/common/LikeButton.tsx17
1 files changed, 8 insertions, 9 deletions
diff --git a/src/components/common/LikeButton.tsx b/src/components/common/LikeButton.tsx
index 43b3ac37..81383eca 100644
--- a/src/components/common/LikeButton.tsx
+++ b/src/components/common/LikeButton.tsx
@@ -1,28 +1,27 @@
-import React, {useState} from 'react';
+import React from 'react';
import {Image, ImageStyle, StyleSheet, TouchableOpacity} from 'react-native';
import {normalize} from '../../utils';
interface LikeButtonProps {
onPress: () => void;
style: ImageStyle;
- initialLikeState: boolean;
+ liked: boolean;
+ setLiked: (liked: boolean) => void;
}
const LikeButton: React.FC<LikeButtonProps> = ({
onPress,
style,
- initialLikeState,
+ liked,
+ setLiked,
}) => {
- const [filled, setFilled] = useState(initialLikeState);
- const uri = filled
+ const uri = liked
? require('../../assets/images/heart-filled.png')
: require('../../assets/images/heart-outlined.png');
return (
<TouchableOpacity
onPress={() => {
- if (filled === initialLikeState) {
- setFilled(!filled);
- onPress();
- }
+ setLiked(!liked);
+ onPress();
}}>
<Image style={[styles.image, style]} source={uri} />
</TouchableOpacity>