Remove BaseLink component (#5682)

* Remove BaseLink component

* Fix StarterPackCard Link component

* Rm flex_1 causing overflow

* Make newskie usage full width

1 files changed, 5 insertions, 4 deletions

diff --git a/src/components/StarterPack/StarterPackCard.tsx b/src/components/StarterPack/StarterPackCard.tsx
index ead9c9248..6af1e1358 100644
--- a/src/components/StarterPack/StarterPackCard.tsx
+++ b/src/components/StarterPack/StarterPackCard.tsx
@@ -13,7 +13,7 @@ import {precacheStarterPack} from '#/state/queries/starter-packs'
 import {useSession} from '#/state/session'
 import {atoms as a, useTheme} from '#/alf'
 import {StarterPack} from '#/components/icons/StarterPack'
-import {BaseLink} from '#/components/Link'
+import {Link as BaseLink, LinkProps as BaseLinkProps} from '#/components/Link'
 import {Text} from '#/components/Typography'
 
 export function Default({
@@ -62,7 +62,7 @@ export function Card({
   }
 
   return (
-    <View style={[a.flex_1, a.gap_md]}>
+    <View style={[a.w_full, a.gap_md]}>
       <View style={[a.flex_row, a.gap_sm]}>
         {!noIcon ? <StarterPack width={40} gradient="sky" /> : null}
         <View>
@@ -96,7 +96,7 @@ export function Link({
 }: {
   starterPack: AppBskyGraphDefs.StarterPackViewBasic
   onPress?: () => void
-  children: React.ReactNode
+  children: BaseLinkProps['children']
 }) {
   const {_} = useLingui()
   const queryClient = useQueryClient()
@@ -123,7 +123,8 @@ export function Link({
           starterPack.creator.did,
         )
         precacheStarterPack(queryClient, starterPack)
-      }}>
+      }}
+      style={[a.flex_col, a.align_start]}>
       {children}
     </BaseLink>
   )