From dd788550bed888259a59b01b69ac5b05893db3a5 Mon Sep 17 00:00:00 2001
From: Ansh Nanda <anshnanda10@gmail.com>
Date: Tue, 16 May 2023 13:57:29 -0700
Subject: add heart icon to AlgoItem

---
 src/view/com/algos/AlgoItem.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/view/com/algos/AlgoItem.tsx b/src/view/com/algos/AlgoItem.tsx
index f2fb075da..4377e3583 100644
--- a/src/view/com/algos/AlgoItem.tsx
+++ b/src/view/com/algos/AlgoItem.tsx
@@ -8,7 +8,7 @@ import {
 } from 'react-native'
 import {Text} from '../util/text/Text'
 import {usePalette} from 'lib/hooks/usePalette'
-import {s} from 'lib/styles'
+import {colors, s} from 'lib/styles'
 import {UserAvatar} from '../util/UserAvatar'
 import {Button} from '../util/forms/Button'
 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 {NavigationProp} from 'lib/routes/types'
 import {useStores} from 'state/index'
+import {HeartIconSolid} from 'lib/icons'
 
 const AlgoItem = observer(
   ({item, style}: {item: AlgoItemModel; style?: StyleProp<ViewStyle>}) => {
@@ -36,7 +37,7 @@ const AlgoItem = observer(
         key={item.data.uri}>
         <View style={[styles.headerContainer]}>
           <View style={[s.mr10]}>
-            <UserAvatar size={36} avatar={item.data.avatar} />
+            <UserAvatar size={36} avatar={item.data.avatar} s />
           </View>
           <View style={[styles.headerTextContainer]}>
             <Text style={[pal.text, s.bold]}>
@@ -56,6 +57,7 @@ const AlgoItem = observer(
               <UserAvatar size={24} avatar={item.data.avatar} />
             </View> */}
 
+            <HeartIconSolid size={16} style={[s.mr2, {color: colors.red3}]} />
             <Text style={[pal.text, pal.textLight]}>
               {item.data.likeCount && item.data.likeCount > 1
                 ? `Liked by ${item.data.likeCount} others`
-- 
cgit 1.4.1