ALF search cards (#8210)

src/screens/Search/components/AutocompleteResults.tsx

@@ -1,12 +1,13 @@
 import {memo} from 'react'
 import {ActivityIndicator, View} from 'react-native'
-import {type AppBskyActorDefs, moderateProfile} from '@atproto/api'
+import {type AppBskyActorDefs} from '@atproto/api'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {isNative} from '#/platform/detection'
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
-import {SearchLinkCard, SearchProfileCard} from '#/view/shell/desktop/Search'
+import {SearchLinkCard} from '#/view/shell/desktop/Search'
+import {SearchProfileCard} from '#/screens/Search/components/SearchProfileCard'
 import {atoms as a, native} from '#/alf'
 import * as Layout from '#/components/Layout'
 
@@ -25,8 +26,8 @@ let AutocompleteResults = ({
   onResultPress: () => void
   onProfileClick: (profile: AppBskyActorDefs.ProfileViewBasic) => void
 }): React.ReactNode => {
-  const moderationOpts = useModerationOpts()
   const {_} = useLingui()
+  const moderationOpts = useModerationOpts()
   return (
     <>
       {(isAutocompleteFetching && !autocompleteData?.length) ||
@@ -54,7 +55,7 @@ let AutocompleteResults = ({
             <SearchProfileCard
               key={item.did}
               profile={item}
-              moderation={moderateProfile(item, moderationOpts)}
+              moderationOpts={moderationOpts}
               onPress={() => {
                 onProfileClick(item)
                 onResultPress()