Change handling for mobile

src/view/screens/Search/Search.tsx

@@ -48,7 +48,7 @@ import {
   SearchProfileCard,
 } from '#/view/shell/desktop/Search'
 import {useSetMinimalShellMode, useSetDrawerSwipeDisabled} from '#/state/shell'
-import {isWeb} from '#/platform/detection'
+import {isNative, isWeb} from '#/platform/detection'
 import {listenSoftReset} from '#/state/events'
 import {s} from '#/lib/styles'
 
@@ -626,7 +626,12 @@ export function SearchScreen(
               keyboardDismissMode="on-drag">
               <SearchLinkCard
                 label={_(msg`Search for "${query}"`)}
-                to={`/search?q=${encodeURIComponent(query)}`}
+                onPress={isNative ? onSubmit : undefined}
+                to={
+                  isNative
+                    ? undefined
+                    : `/search?q=${encodeURIComponent(query)}`
+                }
                 style={{borderBottomWidth: 1}}
               />
 

src/view/shell/desktop/Search.tsx

@@ -35,14 +35,36 @@ export const MATCH_HANDLE =
 export function SearchLinkCard({
   label,
   to,
+  onPress,
   style,
 }: {
   label: string
-  to: string
+  to?: string
+  onPress?: () => void
   style?: ViewStyle
 }) {
   const pal = usePalette('default')
 
+  const inner = (
+    <View
+      style={[pal.border, {paddingVertical: 16, paddingHorizontal: 12}, style]}>
+      <Text type="md" style={[pal.text]}>
+        {label}
+      </Text>
+    </View>
+  )
+
+  if (onPress) {
+    return (
+      <TouchableOpacity
+        onPress={onPress}
+        accessibilityLabel={label}
+        accessibilityHint="">
+        {inner}
+      </TouchableOpacity>
+    )
+  }
+
   return (
     <Link href={to} asAnchor anchorNoUnderline>
       <View