remove unused button, massively simplify

src/view/com/feeds/FeedSourceCard.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {
   Linking,
   Pressable,
@@ -13,33 +12,23 @@ import {
   type AppBskyGraphDefs,
   AtUri,
 } from '@atproto/api'
-import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
+import {Plural, Trans} from '@lingui/macro'
-import {msg, Plural, Trans} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
 
 import {useNavigationDeduped} from '#/lib/hooks/useNavigationDeduped'
 import {usePalette} from '#/lib/hooks/usePalette'
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {s} from '#/lib/styles'
-import {logger} from '#/logger'
 import {
   type FeedSourceInfo,
   hydrateFeedGenerator,
   hydrateList,
   useFeedSourceInfoQuery,
 } from '#/state/queries/feed'
-import {
-  useAddSavedFeedsMutation,
-  usePreferencesQuery,
-  useRemoveFeedMutation,
-} from '#/state/queries/preferences'
 import {FeedLoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
 import {Text} from '#/view/com/util/text/Text'
-import * as Toast from '#/view/com/util/Toast'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, useTheme} from '#/alf'
 import {shouldClickOpenNewTab} from '#/components/Link'
-import * as Prompt from '#/components/Prompt'
 import {RichText} from '#/components/RichText'
 
 type FeedSourceCardProps = {
@@ -68,7 +57,7 @@ export function FeedSourceCard({
     } else {
       feed = hydrateList(feedData)
     }
-    return <FeedSourceCardLoaded feedUri={feedUri} feed={feed} {...props} />
+    return <FeedSourceCardLoaded feed={feed} {...props} />
   } else {
     return <FeedSourceCardWithoutData feedUri={feedUri} {...props} />
   }
@@ -82,93 +71,36 @@ export function FeedSourceCardWithoutData({
     uri: feedUri,
   })
 
-  return <FeedSourceCardLoaded feedUri={feedUri} feed={feed} {...props} />
+  return <FeedSourceCardLoaded feed={feed} {...props} />
 }
 
 export function FeedSourceCardLoaded({
-  feedUri,
   feed,
   style,
-  showSaveBtn = false,
   showDescription = false,
   showLikes = false,
-  pinOnSave = false,
   showMinimalPlaceholder,
   hideTopBorder,
 }: {
-  feedUri: string
   feed?: FeedSourceInfo
   style?: StyleProp<ViewStyle>
-  showSaveBtn?: boolean
   showDescription?: boolean
   showLikes?: boolean
-  pinOnSave?: boolean
   showMinimalPlaceholder?: boolean
   hideTopBorder?: boolean
 }) {
-  const {data: preferences} = usePreferencesQuery()
   const t = useTheme()
   const pal = usePalette('default')
-  const {_} = useLingui()
+
-  const removePromptControl = Prompt.usePromptControl()
   const navigation = useNavigationDeduped()
 
-  const {isPending: isAddSavedFeedPending, mutateAsync: addSavedFeeds} =
-    useAddSavedFeedsMutation()
-  const {isPending: isRemovePending, mutateAsync: removeFeed} =
-    useRemoveFeedMutation()
-
-  const savedFeedConfig = preferences?.savedFeeds?.find(
-    f => f.value === feedUri,
-  )
-  const isSaved = Boolean(savedFeedConfig)
-
-  const onSave = React.useCallback(async () => {
-    if (!feed || isSaved) return
-
-    try {
-      await addSavedFeeds([
-        {
-          type: 'feed',
-          value: feed.uri,
-          pinned: pinOnSave,
-        },
-      ])
-      Toast.show(_(msg`Added to my feeds`))
-    } catch (e) {
-      Toast.show(_(msg`There was an issue contacting your server`), 'xmark')
-      logger.error('Failed to save feed', {message: e})
-    }
-  }, [_, feed, pinOnSave, addSavedFeeds, isSaved])
-
-  const onUnsave = React.useCallback(async () => {
-    if (!savedFeedConfig) return
-
-    try {
-      await removeFeed(savedFeedConfig)
-      // await item.unsave()
-      Toast.show(_(msg`Removed from my feeds`))
-    } catch (e) {
-      Toast.show(_(msg`There was an issue contacting your server`), 'xmark')
-      logger.error('Failed to unsave feed', {message: e})
-    }
-  }, [_, removeFeed, savedFeedConfig])
-
-  const onToggleSaved = React.useCallback(async () => {
-    if (isSaved) {
-      removePromptControl.open()
-    } else {
-      await onSave()
-    }
-  }, [isSaved, removePromptControl, onSave])
-
   /*
    * LOAD STATE
    *
    * This state also captures the scenario where a feed can't load for whatever
    * reason.
    */
-  if (!feed || !preferences)
+  if (!feed)
     return (
       <View
         style={[
@@ -186,36 +118,17 @@ export function FeedSourceCardLoaded({
         ]}>
         {showMinimalPlaceholder ? (
           <FeedLoadingPlaceholder
-            style={{flex: 1}}
+            style={[a.flex_1]}
             showTopBorder={false}
             showLowerPlaceholder={false}
           />
         ) : (
-          <FeedLoadingPlaceholder style={{flex: 1}} showTopBorder={false} />
+          <FeedLoadingPlaceholder style={[a.flex_1]} showTopBorder={false} />
-        )}
-
-        {showSaveBtn && (
-          <Pressable
-            testID={`feed-${feedUri}-toggleSave`}
-            disabled={isRemovePending}
-            accessibilityRole="button"
-            accessibilityLabel={_(msg`Remove from my feeds`)}
-            accessibilityHint=""
-            onPress={onUnsave}
-            hitSlop={15}
-            style={styles.btn}>
-            <FontAwesomeIcon
-              icon={['far', 'trash-can']}
-              size={19}
-              color={pal.colors.icon}
-            />
-          </Pressable>
         )}
       </View>
     )
 
   return (
-    <>
     <Pressable
       testID={`feed-${feed.displayName}`}
       accessibilityRole="button"
@@ -270,38 +183,6 @@ export function FeedSourceCardLoaded({
             )}
           </Text>
         </View>
-
-          {showSaveBtn && (
-            <View style={{alignSelf: 'center'}}>
-              <Pressable
-                testID={`feed-${feed.displayName}-toggleSave`}
-                disabled={isAddSavedFeedPending || isRemovePending}
-                accessibilityRole="button"
-                accessibilityLabel={
-                  isSaved
-                    ? _(msg`Remove from my feeds`)
-                    : _(msg`Add to my feeds`)
-                }
-                accessibilityHint=""
-                onPress={onToggleSaved}
-                hitSlop={15}
-                style={styles.btn}>
-                {isSaved ? (
-                  <FontAwesomeIcon
-                    icon={['far', 'trash-can']}
-                    size={19}
-                    color={pal.colors.icon}
-                  />
-                ) : (
-                  <FontAwesomeIcon
-                    icon="plus"
-                    size={18}
-                    color={pal.colors.link}
-                  />
-                )}
-              </Pressable>
-            </View>
-          )}
       </View>
 
       {showDescription && feed.description ? (
@@ -316,32 +197,10 @@ export function FeedSourceCardLoaded({
         <Text type="sm-medium" style={[pal.text, pal.textLight]}>
           <Trans>
             Liked by{' '}
-              <Plural
+            <Plural value={feed.likeCount || 0} one="# user" other="# users" />
-                value={feed.likeCount || 0}
-                one="# user"
-                other="# users"
-              />
           </Trans>
         </Text>
       ) : null}
     </Pressable>
-
-      <Prompt.Basic
-        control={removePromptControl}
-        title={_(msg`Remove from your feeds?`)}
-        description={_(
-          msg`Are you sure you want to remove ${feed.displayName} from your feeds?`,
-        )}
-        onConfirm={onUnsave}
-        confirmButtonCta={_(msg`Remove`)}
-        confirmButtonColor="negative"
-      />
-    </>
   )
 }
-
-const styles = StyleSheet.create({
-  btn: {
-    paddingVertical: 6,
-  },
-})