diff options
Diffstat (limited to 'src/view/com/algos/SavedFeedItem.tsx')
-rw-r--r-- | src/view/com/algos/SavedFeedItem.tsx | 56 |
1 files changed, 0 insertions, 56 deletions
diff --git a/src/view/com/algos/SavedFeedItem.tsx b/src/view/com/algos/SavedFeedItem.tsx deleted file mode 100644 index e8aeae726..000000000 --- a/src/view/com/algos/SavedFeedItem.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import React from 'react' -import {View, TouchableOpacity, StyleSheet} from 'react-native' -import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' -import {colors} from 'lib/styles' -import {observer} from 'mobx-react-lite' -import {CustomFeedModel} from 'state/models/feeds/custom-feed' -import {SavedFeedsModel} from 'state/models/ui/saved-feeds' -import AlgoItem from './AlgoItem' - -export const SavedFeedItem = observer( - ({ - item, - savedFeeds, - }: { - item: CustomFeedModel - savedFeeds: SavedFeedsModel - }) => { - const isPinned = savedFeeds.isPinned(item) - - return ( - <View style={styles.itemContainer}> - <AlgoItem - key={item.data.uri} - item={item} - showBottom={false} - style={styles.item} - /> - <TouchableOpacity - accessibilityRole="button" - onPress={() => { - savedFeeds.togglePinnedFeed(item) - console.log('pinned', savedFeeds.pinned) - console.log('isPinned', savedFeeds.isPinned(item)) - }}> - <FontAwesomeIcon - icon="thumb-tack" - size={20} - color={isPinned ? colors.blue3 : colors.gray3} - /> - </TouchableOpacity> - </View> - ) - }, -) - -const styles = StyleSheet.create({ - itemContainer: { - flex: 1, - flexDirection: 'row', - alignItems: 'center', - marginRight: 18, - }, - item: { - borderTopWidth: 0, - }, -}) |