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

add link wrapper

Browse Source
This commit is contained in:
Hailey
2024-06-03 09:25:59 -07:00
parent 02542f9ad3
commit 64ccace6b6
1 changed files with 22 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StarterPack/StarterPackCard.tsx
+22 -19
View File
@@ -3,33 +3,36 @@ import {View} from 'react-native'
import {atoms as a, useTheme} from '#/alf' import {atoms as a, useTheme} from '#/alf'
import {StarterPackIcon} from '#/components/icons/StarterPackIcon' import {StarterPackIcon} from '#/components/icons/StarterPackIcon'
import {Link} from '#/components/Link'
import {Text} from '#/components/Typography' import {Text} from '#/components/Typography'
export function StarterPackCard({hideTopBorder}: {hideTopBorder?: boolean}) { export function StarterPackCard({hideTopBorder}: {hideTopBorder?: boolean}) {
const t = useTheme() const t = useTheme()
return ( return (
<View <Link to={{screen: 'StarterPack', params: {id: 123}}}>
style={[ <View
a.flex_row, style={[
!hideTopBorder && a.border_t, a.flex_row,
a.px_xl, !hideTopBorder && a.border_t,
a.py_lg, a.px_xl,
a.gap_md, a.py_lg,
t.atoms.border_contrast_low, a.gap_md,
]}> t.atoms.border_contrast_low,
<StarterPackIcon width={36} height={36} /> ]}>
<View style={a.gap_md}> <StarterPackIcon width={36} height={36} />
<View> <View style={a.gap_md}>
<Text style={[a.font_bold, a.text_md]}>Science</Text> <View>
<Text style={[t.atoms.text_contrast_medium]}> <Text style={[a.font_bold, a.text_md]}>Science</Text>
Starter pack by @bossett.social <Text style={[t.atoms.text_contrast_medium]}>
Starter pack by @bossett.social
</Text>
</View>
<Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
380 users have joined!
</Text> </Text>
</View> </View>
<Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
380 users have joined!
</Text>
</View> </View>
</View> </Link>
) )
} }