acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

category icons

Browse Source
This commit is contained in:
vineyardbovines
2026-04-17 10:20:41 -04:00
parent 70e1122abe
commit e54020900f
1 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/gifPicker/components/GifCategoryPills.tsx
+10 -7
View File
@@ -1,4 +1,4 @@
import {ScrollView, View} from 'react-native' import {View} from 'react-native'
import {i18n, type MessageDescriptor} from '@lingui/core' import {i18n, type MessageDescriptor} from '@lingui/core'
import {msg} from '@lingui/core/macro' import {msg} from '@lingui/core/macro'
import {useLingui} from '@lingui/react' import {useLingui} from '@lingui/react'
@@ -51,11 +51,15 @@ export function GifCategoryPills({
useLingui() useLingui()
return ( return (
<View style={[a.mb_sm]}> <View
<ScrollView style={[
horizontal a.flex_row,
showsHorizontalScrollIndicator={false} a.justify_between,
contentContainerStyle={[a.flex_row, a.gap_xs, a.px_xl]}> a.align_center,
a.gap_xs,
a.px_xl,
a.mb_sm,
]}>
{GIF_CATEGORIES.map(category => { {GIF_CATEGORIES.map(category => {
if (category.id === 'recents' && !hasRecents) return null if (category.id === 'recents' && !hasRecents) return null
const isActive = category.id === activeId const isActive = category.id === activeId
@@ -73,7 +77,6 @@ export function GifCategoryPills({
</Button> </Button>
) )
})} })}
</ScrollView>
</View> </View>
) )
} }