forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
make horizontal scrollview touch edges (#7256)
authored by
Samuel Newman
and committed by
GitHub
5020e423
190c7d6e
+20
-10
+3
src/alf/atoms.ts
+3
src/alf/atoms.ts
+17
-10
src/view/screens/Search/Search.tsx
+17
-10
src/view/screens/Search/Search.tsx
···
35
35
NativeStackScreenProps,
36
36
SearchTabNavigatorParams,
37
37
} from '#/lib/routes/types'
38
+
import {sanitizeDisplayName} from '#/lib/strings/display-names'
38
39
import {augmentSearchQuery} from '#/lib/strings/helpers'
39
40
import {logger} from '#/logger'
40
41
import {isNative, isWeb} from '#/platform/detection'
···
58
59
import {Explore} from '#/view/screens/Search/Explore'
59
60
import {SearchLinkCard, SearchProfileCard} from '#/view/shell/desktop/Search'
60
61
import {makeSearchQuery, parseSearchQuery} from '#/screens/Search/utils'
61
-
import {atoms as a, useBreakpoints, useTheme as useThemeNew, web} from '#/alf'
62
+
import {
63
+
atoms as a,
64
+
tokens,
65
+
useBreakpoints,
66
+
useTheme as useThemeNew,
67
+
web,
68
+
} from '#/alf'
62
69
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
63
70
import * as FeedCard from '#/components/FeedCard'
64
71
import {SearchInput} from '#/components/forms/SearchInput'
···
1043
1050
<RNGHScrollView
1044
1051
keyboardShouldPersistTaps="handled"
1045
1052
horizontal={true}
1046
-
style={styles.profilesRow}
1047
-
contentContainerStyle={{
1048
-
borderWidth: 0,
1049
-
}}>
1053
+
style={[
1054
+
a.flex_row,
1055
+
a.flex_nowrap,
1056
+
{marginHorizontal: -tokens.space._2xl},
1057
+
]}
1058
+
contentContainerStyle={[a.px_2xl, a.border_0]}>
1050
1059
{selectedProfiles.slice(0, 5).map((profile, index) => (
1051
1060
<View
1052
1061
key={index}
···
1070
1079
emoji
1071
1080
style={[pal.text, styles.profileName]}
1072
1081
numberOfLines={1}>
1073
-
{profile.displayName || profile.handle}
1082
+
{sanitizeDisplayName(
1083
+
profile.displayName || profile.handle,
1084
+
)}
1074
1085
</Text>
1075
1086
</Link>
1076
1087
<Pressable
···
1180
1191
},
1181
1192
selectedProfilesContainerMobile: {
1182
1193
height: 100,
1183
-
},
1184
-
profilesRow: {
1185
-
flexDirection: 'row',
1186
-
flexWrap: 'nowrap',
1187
1194
},
1188
1195
profileItem: {
1189
1196
alignItems: 'center',