add scroll indicator on web to profile suggested follows card (#1724)

zio/stable
Ansh 2023-10-25 09:54:52 -07:00 committed by GitHub
parent 1781b3aab7
commit ee80cae75f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions

View File

@ -1,5 +1,5 @@
import React from 'react'
import {View, StyleSheet, ScrollView, Pressable} from 'react-native'
import {View, StyleSheet, Pressable, ScrollView} from 'react-native'
import Animated, {
useSharedValue,
withTiming,
@ -26,6 +26,7 @@ import {sanitizeHandle} from 'lib/strings/handles'
import {makeProfileLink} from 'lib/routes/links'
import {Link} from 'view/com/util/Link'
import {useAnalytics} from 'lib/analytics/analytics'
import {isWeb} from 'platform/detection'
const OUTER_PADDING = 10
const INNER_PADDING = 14
@ -100,7 +101,6 @@ export function ProfileHeaderSuggestedFollows({
backgroundColor: pal.viewLight.backgroundColor,
height: '100%',
paddingTop: INNER_PADDING / 2,
paddingBottom: INNER_PADDING,
}}>
<View
style={{
@ -130,11 +130,15 @@ export function ProfileHeaderSuggestedFollows({
</View>
<ScrollView
horizontal
showsHorizontalScrollIndicator={false}
horizontal={true}
showsHorizontalScrollIndicator={isWeb}
persistentScrollbar={true}
scrollIndicatorInsets={{bottom: 0}}
scrollEnabled={true}
contentContainerStyle={{
alignItems: 'flex-start',
paddingLeft: INNER_PADDING / 2,
paddingBottom: INNER_PADDING,
}}>
{isLoading ? (
<>