diff options
| author | Ollie Hsieh <renahlee@outlook.com> | 2023-04-19 18:05:10 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-19 20:05:10 -0500 |
| commit | b24ba3adc93cf940eb936309ae73a2c205eaef24 (patch) | |
| tree | 373337a5f364fd1d83010c33bae3d878437d4ca7 /src/view/screens | |
| parent | 1472bd4f173a483e5f1a91514244fecaec23808f (diff) | |
| download | voidsky-b24ba3adc93cf940eb936309ae73a2c205eaef24.tar.zst | |
Add cursor to clickable elements (#491)
* Add cursor to clickable elements * Add cursor to clickable elements * Update per comments * Fix word wrap in notifications * Center the web login-load screen * Add hover states on web * Fix lint --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
Diffstat (limited to 'src/view/screens')
| -rw-r--r-- | src/view/screens/SearchMobile.tsx | 36 |
1 files changed, 23 insertions, 13 deletions
diff --git a/src/view/screens/SearchMobile.tsx b/src/view/screens/SearchMobile.tsx index 679fb07c2..de64b2d67 100644 --- a/src/view/screens/SearchMobile.tsx +++ b/src/view/screens/SearchMobile.tsx @@ -1,8 +1,8 @@ -import React from 'react' +import React, {useCallback} from 'react' import { - Keyboard, StyleSheet, TouchableWithoutFeedback, + Keyboard, View, } from 'react-native' import {useFocusEffect} from '@react-navigation/native' @@ -26,6 +26,7 @@ import {s} from 'lib/styles' import {ProfileCard} from 'view/com/profile/ProfileCard' import {usePalette} from 'lib/hooks/usePalette' import {useOnMainScroll} from 'lib/hooks/useOnMainScroll' +import {isAndroid, isIOS} from 'platform/detection' type Props = NativeStackScreenProps<SearchTabNavigatorParams, 'Search'> export const SearchScreen = withAuthRequired( @@ -110,8 +111,14 @@ export const SearchScreen = withAuthRequired( }, [store, autocompleteView, foafs, suggestedActors, onSoftReset]), ) + const onPress = useCallback(() => { + if (isIOS || isAndroid) { + Keyboard.dismiss() + } + }, []) + return ( - <TouchableWithoutFeedback onPress={Keyboard.dismiss}> + <TouchableWithoutFeedback onPress={onPress}> <View style={[pal.view, styles.container]}> <HeaderWithInput isInputFocused={isInputFocused} @@ -139,16 +146,19 @@ export const SearchScreen = withAuthRequired( scrollEventThrottle={100}> {query && autocompleteView.searchRes.length ? ( <> - {autocompleteView.searchRes.map(item => ( - <ProfileCard - key={item.did} - testID={`searchAutoCompleteResult-${item.handle}`} - handle={item.handle} - displayName={item.displayName} - labels={item.labels} - avatar={item.avatar} - /> - ))} + {autocompleteView.searchRes.map( + ({did, handle, displayName, labels, avatar}, index) => ( + <ProfileCard + key={did} + testID={`searchAutoCompleteResult-${handle}`} + handle={handle} + displayName={displayName} + labels={labels} + avatar={avatar} + noBorder={index === 0} + /> + ), + )} </> ) : query && !autocompleteView.searchRes.length ? ( <View> |