Merge pull request #409 from IvanIFChen/tma799-comment-likes

[TMA-799] Comments likes

1 files changed, 38 insertions, 0 deletions

diff --git a/src/components/common/LikeButton.tsx b/src/components/common/LikeButton.tsx
new file mode 100644
index 00000000..81383eca
--- /dev/null
+++ b/src/components/common/LikeButton.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import {Image, ImageStyle, StyleSheet, TouchableOpacity} from 'react-native';
+import {normalize} from '../../utils';
+
+interface LikeButtonProps {
+  onPress: () => void;
+  style: ImageStyle;
+  liked: boolean;
+  setLiked: (liked: boolean) => void;
+}
+const LikeButton: React.FC<LikeButtonProps> = ({
+  onPress,
+  style,
+  liked,
+  setLiked,
+}) => {
+  const uri = liked
+    ? require('../../assets/images/heart-filled.png')
+    : require('../../assets/images/heart-outlined.png');
+  return (
+    <TouchableOpacity
+      onPress={() => {
+        setLiked(!liked);
+        onPress();
+      }}>
+      <Image style={[styles.image, style]} source={uri} />
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  image: {
+    width: normalize(18),
+    height: normalize(15),
+  },
+});
+
+export default LikeButton;