Add search event analytics (#9949)

Co-authored-by: Eric Bailey <git@esb.lol>

src/view/com/profile/ProfileCard.tsx

@@ -1,4 +1,4 @@
-import {View} from 'react-native'
+import {type GestureResponderEvent, View} from 'react-native'
 
 import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {atoms as a, useTheme} from '#/alf'
@@ -11,12 +11,14 @@ export function ProfileCardWithFollowBtn({
   logContext = 'ProfileCard',
   position,
   contextProfileDid,
+  onPress,
 }: {
   profile: bsky.profile.AnyProfileView
   noBorder?: boolean
   logContext?: 'ProfileCard' | 'StarterPackProfilesList'
   position?: number
   contextProfileDid?: string
+  onPress?: (e: GestureResponderEvent) => void
 }) {
   const t = useTheme()
   const moderationOpts = useModerationOpts()
@@ -36,6 +38,7 @@ export function ProfileCardWithFollowBtn({
         logContext={logContext}
         position={position}
         contextProfileDid={contextProfileDid}
+        onPress={onPress}
       />
     </View>
   )

src/view/shell/desktop/Search.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import {memo, useCallback, useState} from 'react'
 import {
   ActivityIndicator,
   StyleSheet,
@@ -6,8 +6,7 @@ import {
   View,
   type ViewStyle,
 } from 'react-native'
-import {msg} from '@lingui/core/macro'
-import {useLingui} from '@lingui/react'
+import {useLingui} from '@lingui/react/macro'
 import {StackActions, useNavigation} from '@react-navigation/native'
 
 import {usePalette} from '#/lib/hooks/usePalette'
@@ -68,15 +67,15 @@ let SearchLinkCard = ({
     </Link>
   )
 }
-SearchLinkCard = React.memo(SearchLinkCard)
+SearchLinkCard = memo(SearchLinkCard)
 export {SearchLinkCard}
 
 export function DesktopSearch() {
-  const {_} = useLingui()
+  const {t: l} = useLingui()
   const pal = usePalette('default')
   const navigation = useNavigation<NavigationProp>()
-  const [isActive, setIsActive] = React.useState<boolean>(false)
-  const [query, setQuery] = React.useState<string>('')
+  const [isActive, setIsActive] = useState<boolean>(false)
+  const [query, setQuery] = useState<string>('')
   const {data: autocompleteData, isFetching} = useActorAutocompleteQuery(
     query,
     true,
@@ -84,23 +83,23 @@ export function DesktopSearch() {
 
   const moderationOpts = useModerationOpts()
 
-  const onChangeText = React.useCallback((text: string) => {
+  const onChangeText = useCallback((text: string) => {
     setQuery(text)
     setIsActive(text.length > 0)
   }, [])
 
-  const onPressCancelSearch = React.useCallback(() => {
+  const onPressCancelSearch = useCallback(() => {
     setQuery('')
     setIsActive(false)
   }, [setQuery])
 
-  const onSubmit = React.useCallback(() => {
+  const onSubmit = useCallback(() => {
     setIsActive(false)
     if (!query.length) return
     navigation.dispatch(StackActions.push('Search', {q: query}))
   }, [query, navigation])
 
-  const onSearchProfileCardPress = React.useCallback(() => {
+  const onSearchProfileCardPress = useCallback(() => {
     setQuery('')
     setIsActive(false)
   }, [])
@@ -128,7 +127,7 @@ export function DesktopSearch() {
           ) : (
             <>
               <SearchLinkCard
-                label={_(msg`Search for "${query}"`)}
+                label={l`Search for "${query}"`}
                 to={`/search?q=${encodeURIComponent(query)}`}
                 style={
                   (autocompleteData?.length ?? 0) > 0