diff --git a/src/components/StarterPack/ProfileStarterPacks.tsx b/src/components/StarterPack/ProfileStarterPacks.tsx index 5f58a19df3..d28ff53ae4 100644 --- a/src/components/StarterPack/ProfileStarterPacks.tsx +++ b/src/components/StarterPack/ProfileStarterPacks.tsx @@ -115,11 +115,10 @@ export const ProfileStarterPacks = React.forwardRef< return ( - + ) } diff --git a/src/components/StarterPack/StarterPackCard.tsx b/src/components/StarterPack/StarterPackCard.tsx index 22e0a155ab..90e6182cb1 100644 --- a/src/components/StarterPack/StarterPackCard.tsx +++ b/src/components/StarterPack/StarterPackCard.tsx @@ -11,19 +11,20 @@ import {getStarterPackOgCard} from '#/lib/strings/starter-pack' import {precacheResolvedUri} from '#/state/queries/resolve-uri' import {precacheStarterPack} from '#/state/queries/starter-packs' import {useSession} from '#/state/session' -import {atoms as a, useTheme} from '#/alf' +import {atoms as a, useTheme, ViewStyleProp} from '#/alf' import {StarterPack} from '#/components/icons/StarterPack' import {Link as BaseLink, LinkProps as BaseLinkProps} from '#/components/Link' import {Text} from '#/components/Typography' export function Default({ starterPack, + style, }: { starterPack?: AppBskyGraphDefs.StarterPackViewBasic -}) { +} & ViewStyleProp) { if (!starterPack) return null return ( - + ) @@ -99,11 +100,12 @@ export function Card({ export function Link({ starterPack, children, + style, }: { starterPack: AppBskyGraphDefs.StarterPackViewBasic onPress?: () => void children: BaseLinkProps['children'] -}) { +} & ViewStyleProp) { const {_} = useLingui() const queryClient = useQueryClient() const {record} = starterPack @@ -130,7 +132,7 @@ export function Link({ ) precacheStarterPack(queryClient, starterPack) }} - style={[a.flex_col, a.align_start]}> + style={[a.flex_col, a.align_start, style]}> {children} )