From 781a4dab9b1881e3f4e7f2d2f0b3d8899f917d22 Mon Sep 17 00:00:00 2001
From: khuddite <khuddite@gmail.com>
Date: Thu, 30 Jan 2025 11:24:52 -0500
Subject: [PATCH 1/2] blur profile avatar on recent searches for consistency

---
 src/view/screens/Search/Search.tsx | 44 ++++++++++++++++++------------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx
index b11bb0510a..3543607314 100644
--- a/src/view/screens/Search/Search.tsx
+++ b/src/view/screens/Search/Search.tsx
@@ -1,17 +1,19 @@
 import React from 'react'
 import {
   ActivityIndicator,
-  Image,
-  ImageStyle,
   Pressable,
-  StyleProp,
   StyleSheet,
   TextInput,
   View,
 } from 'react-native'
 import {ScrollView as RNGHScrollView} from 'react-native-gesture-handler'
 import RNPickerSelect from 'react-native-picker-select'
-import {AppBskyActorDefs, AppBskyFeedDefs, moderateProfile} from '@atproto/api'
+import {
+  AppBskyActorDefs,
+  AppBskyFeedDefs,
+  moderateProfile,
+  ModerationOpts,
+} from '@atproto/api'
 import {
   FontAwesomeIcon,
   FontAwesomeIconStyle,
@@ -56,6 +58,7 @@ import {ProfileCardWithFollowBtn} from '#/view/com/profile/ProfileCard'
 import {Link} from '#/view/com/util/Link'
 import {List} from '#/view/com/util/List'
 import {Text} from '#/view/com/util/text/Text'
+import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {Explore} from '#/view/screens/Search/Explore'
 import {SearchLinkCard, SearchProfileCard} from '#/view/shell/desktop/Search'
 import {makeSearchQuery, parseSearchQuery} from '#/screens/Search/utils'
@@ -834,6 +837,8 @@ export function SearchScreen(
     }
   }, [setShowAutocomplete])
 
+  const moderationOpts = useModerationOpts()
+
   return (
     <Layout.Screen testID="searchScreen">
       <View
@@ -915,7 +920,9 @@ export function SearchScreen(
           display: showAutocomplete ? 'flex' : 'none',
           flex: 1,
         }}>
-        {searchText.length > 0 ? (
+        {!moderationOpts ? (
+          <Loader />
+        ) : searchText.length > 0 ? (
           <AutocompleteResults
             isAutocompleteFetching={isAutocompleteFetching}
             autocompleteData={autocompleteData}
@@ -923,6 +930,7 @@ export function SearchScreen(
             onSubmit={onSubmit}
             onResultPress={onAutocompleteResultPress}
             onProfileClick={handleProfileClick}
+            moderationOpts={moderationOpts}
           />
         ) : (
           <SearchHistory
@@ -932,6 +940,7 @@ export function SearchScreen(
             onProfileClick={handleProfileClick}
             onRemoveItemClick={handleRemoveHistoryItem}
             onRemoveProfileClick={handleRemoveProfile}
+            moderationOpts={moderationOpts}
           />
         )}
       </View>
@@ -957,6 +966,7 @@ let AutocompleteResults = ({
   onSubmit,
   onResultPress,
   onProfileClick,
+  moderationOpts,
 }: {
   isAutocompleteFetching: boolean
   autocompleteData: AppBskyActorDefs.ProfileViewBasic[] | undefined
@@ -964,13 +974,12 @@ let AutocompleteResults = ({
   onSubmit: () => void
   onResultPress: () => void
   onProfileClick: (profile: AppBskyActorDefs.ProfileViewBasic) => void
+  moderationOpts: ModerationOpts
 }): React.ReactNode => {
-  const moderationOpts = useModerationOpts()
   const {_} = useLingui()
   return (
     <>
-      {(isAutocompleteFetching && !autocompleteData?.length) ||
-      !moderationOpts ? (
+      {isAutocompleteFetching && !autocompleteData?.length ? (
         <Loader />
       ) : (
         <Layout.Content
@@ -1012,6 +1021,7 @@ function SearchHistory({
   onProfileClick,
   onRemoveItemClick,
   onRemoveProfileClick,
+  moderationOpts,
 }: {
   searchHistory: string[]
   selectedProfiles: AppBskyActorDefs.ProfileViewBasic[]
@@ -1019,6 +1029,7 @@ function SearchHistory({
   onProfileClick: (profile: AppBskyActorDefs.ProfileViewBasic) => void
   onRemoveItemClick: (item: string) => void
   onRemoveProfileClick: (profile: AppBskyActorDefs.ProfileViewBasic) => void
+  moderationOpts: ModerationOpts
 }) {
   const {isMobile} = useWebMediaQueries()
   const pal = usePalette('default')
@@ -1063,10 +1074,14 @@ function SearchHistory({
                     anchorNoUnderline
                     onBeforePress={() => onProfileClick(profile)}
                     style={styles.profilePressable}>
-                    <Image
-                      source={{uri: profile.avatar}}
-                      style={styles.profileAvatar as StyleProp<ImageStyle>}
-                      accessibilityIgnoresInvertColors
+                    <UserAvatar
+                      avatar={profile.avatar}
+                      moderation={moderateProfile(profile, moderationOpts).ui(
+                        'avatar',
+                      )}
+                      type="user"
+                      size={60}
+                      usePlainRNImage
                     />
                     <Text
                       emoji
@@ -1197,11 +1212,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     width: '100%',
   },
-  profileAvatar: {
-    width: 60,
-    height: 60,
-    borderRadius: 45,
-  },
   profileName: {
     width: 78,
     fontSize: 12,

From 682d1d61c48562c57d98349ebb9e992ecc1da0f8 Mon Sep 17 00:00:00 2001
From: khuddite <khuddite@gmail.com>
Date: Mon, 3 Feb 2025 18:18:00 -0500
Subject: [PATCH 2/2] pr feedback

---
 src/view/screens/Search/Search.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx
index 3543607314..866b3d53ea 100644
--- a/src/view/screens/Search/Search.tsx
+++ b/src/view/screens/Search/Search.tsx
@@ -1079,7 +1079,7 @@ function SearchHistory({
                       moderation={moderateProfile(profile, moderationOpts).ui(
                         'avatar',
                       )}
-                      type="user"
+                      type={profile?.associated?.labeler ? 'labeler' : 'user'}
                       size={60}
                       usePlainRNImage
                     />