From aca0fa23ec72d66c7de44c5079dae188221f0378 Mon Sep 17 00:00:00 2001 From: Paul Frazee Date: Tue, 11 Jun 2024 12:34:03 -0700 Subject: Update feeds header to just have edit link (#4484) --- src/view/screens/Feeds.tsx | 63 +++++++++++++--------------------------------- 1 file changed, 18 insertions(+), 45 deletions(-) (limited to 'src') diff --git a/src/view/screens/Feeds.tsx b/src/view/screens/Feeds.tsx index f3db5ef17..88d4086ed 100644 --- a/src/view/screens/Feeds.tsx +++ b/src/view/screens/Feeds.tsx @@ -1,11 +1,5 @@ import React from 'react' -import { - ActivityIndicator, - type FlatList, - Pressable, - StyleSheet, - View, -} from 'react-native' +import {ActivityIndicator, type FlatList, StyleSheet, View} from 'react-native' import {AppBskyActorDefs} from '@atproto/api' import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' import {FontAwesomeIconStyle} from '@fortawesome/react-native-fontawesome' @@ -25,18 +19,17 @@ import {usePreferencesQuery} from '#/state/queries/preferences' import {useSession} from '#/state/session' import {useSetMinimalShellMode} from '#/state/shell' import {useComposerControls} from '#/state/shell/composer' -import {HITSLOP_10} from 'lib/constants' import {usePalette} from 'lib/hooks/usePalette' import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' -import {CogIcon, ComposeIcon2, MagnifyingGlassIcon2} from 'lib/icons' +import {ComposeIcon2} from 'lib/icons' import {CommonNavigatorParams, NativeStackScreenProps} from 'lib/routes/types' import {cleanError} from 'lib/strings/errors' import {s} from 'lib/styles' import {FeedSourceCard} from 'view/com/feeds/FeedSourceCard' import {ErrorMessage} from 'view/com/util/error/ErrorMessage' import {FAB} from 'view/com/util/fab/FAB' -import {SearchInput, SearchInputRef} from 'view/com/util/forms/SearchInput' -import {Link} from 'view/com/util/Link' +import {SearchInput} from 'view/com/util/forms/SearchInput' +import {Link, TextLink} from 'view/com/util/Link' import {List} from 'view/com/util/List' import { FeedFeedLoadingPlaceholder, @@ -159,7 +152,6 @@ export function FeedsScreen(_props: Props) { } = useSearchPopularFeedsMutation() const {hasSession} = useSession() const listRef = React.useRef(null) - const searchInputRef = React.useRef(null) /** * A search query is present. We may not have search results yet. @@ -399,24 +391,14 @@ export function FeedsScreen(_props: Props) { const renderHeaderBtn = React.useCallback(() => { return ( - - - - - - + accessibilityLabel={_(msg`Edit My Feeds`)} + accessibilityHint="" + text={_(msg`Edit`)} + style={[pal.link, a.pr_xs]} + /> ) }, [pal, _]) @@ -480,22 +462,14 @@ export function FeedsScreen(_props: Props) { Feeds - - - - - - + accessibilityHint="" + text={_(msg`Edit`)} + style={[pal.link]} + /> )} @@ -522,7 +496,6 @@ export function FeedsScreen(_props: Props) {