diff --git a/src/components/dialogs/StarterPackDialog.tsx b/src/components/dialogs/StarterPackDialog.tsx
index a8e7759584..443b842051 100644
--- a/src/components/dialogs/StarterPackDialog.tsx
+++ b/src/components/dialogs/StarterPackDialog.tsx
@@ -4,7 +4,7 @@ import {
type AppBskyGraphGetStarterPacksWithMembership,
AppBskyGraphStarterpack,
} from '@atproto/api'
-import {msg, Trans} from '@lingui/macro'
+import {msg, Plural, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react'
import {useNavigation} from '@react-navigation/native'
import {useQueryClient} from '@tanstack/react-query'
@@ -20,7 +20,6 @@ import {
useListMembershipRemoveMutation,
} from '#/state/queries/list-memberships'
import * as Toast from '#/view/com/util/Toast'
-import {UserAvatar} from '#/view/com/util/UserAvatar'
import {atoms as a, useTheme} from '#/alf'
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
import * as Dialog from '#/components/Dialog'
@@ -28,6 +27,7 @@ import {Divider} from '#/components/Divider'
import {Loader} from '#/components/Loader'
import {Text} from '#/components/Typography'
import * as bsky from '#/types/bsky'
+import {AvatarStack} from '../AvatarStack'
import {PlusLarge_Stroke2_Corner0_Rounded} from '../icons/Plus'
import {StarterPack} from '../icons/StarterPack'
import {TimesLarge_Stroke2_Corner0_Rounded} from '../icons/Times'
@@ -107,7 +107,9 @@ function Empty({onStartWizard}: {onStartWizard: () => void}) {
size="small"
onPress={onStartWizard}>
- Create
+
+ Create
+
@@ -200,7 +202,9 @@ function StarterPackList({
size="small"
onPress={onStartWizard}>
- Create
+
+ Create
+
@@ -347,22 +351,12 @@ function StarterPackItem({
{starterPack.listItemsSample &&
starterPack.listItemsSample.length > 0 && (
<>
- {starterPack.listItemsSample?.slice(0, 4).map((p, index) => (
- 0 ? -2 : 0,
- borderWidth: 0.5,
- borderColor: t.atoms.bg.backgroundColor,
- },
- ]}
- />
- ))}
+ p.subject)}
+ />
{starterPack.list?.listItemCount &&
starterPack.list.listItemCount > 4 && (
@@ -372,7 +366,12 @@ function StarterPackItem({
t.atoms.text_contrast_medium,
a.ml_xs,
]}>
- {`+${starterPack.list.listItemCount - 4} more`}
+
+
+
)}
>
diff --git a/src/screens/StarterPack/Wizard/index.tsx b/src/screens/StarterPack/Wizard/index.tsx
index e823f8bb78..651f8f77f5 100644
--- a/src/screens/StarterPack/Wizard/index.tsx
+++ b/src/screens/StarterPack/Wizard/index.tsx
@@ -483,30 +483,44 @@ function Footer({
{
items.length < 2 ? (
-
- It's just{' '}
-
- {currentAccount?.did === items[0].did
- ? 'you'
- : getName(items[0])}{' '}
-
- right now! Add more people to your starter pack by searching
- above.
-
+ currentAccount?.did === items[0].did ? (
+
+ It's just you right now! Add more people to your starter
+ pack by searching above.
+
+ ) : (
+
+ It's just{' '}
+
+ {getName(items[0])}{' '}
+
+ right now! Add more people to your starter pack by searching
+ above.
+
+ )
) : items.length === 2 ? (
-
-
- {currentAccount?.did === items[0].did
- ? 'you'
- : getName(items[0])}
- {' '}
- and
-
-
- {getName(items[1] /* [0] is self, skip it */)}{' '}
-
- are included in your starter pack
-
+ currentAccount?.did === items[0].did ? (
+
+ You and
+
+
+ {getName(items[1] /* [0] is self, skip it */)}{' '}
+
+ are included in your starter pack
+
+ ) : (
+
+
+ {getName(items[0])}
+ {' '}
+ and
+
+
+ {getName(items[1] /* [0] is self, skip it */)}{' '}
+
+ are included in your starter pack
+
+ )
) : items.length > 2 ? (