diff --git a/src/components/StarterPack/Wizard/WizardEditListDialog.tsx b/src/components/StarterPack/Wizard/WizardEditListDialog.tsx
index 7c3d1a40a5..7dfde900f8 100644
--- a/src/components/StarterPack/Wizard/WizardEditListDialog.tsx
+++ b/src/components/StarterPack/Wizard/WizardEditListDialog.tsx
@@ -11,7 +11,6 @@ import {useLingui} from '@lingui/react'
import {useInitialNumToRender} from '#/lib/hooks/useInitialNumToRender'
import {isWeb} from '#/platform/detection'
-import {useSession} from '#/state/session'
import {type ListMethods} from '#/view/com/util/List'
import {
type WizardAction,
diff --git a/src/components/dialogs/StarterPackDialog.tsx b/src/components/dialogs/StarterPackDialog.tsx
index 443b842051..12dfc3d248 100644
--- a/src/components/dialogs/StarterPackDialog.tsx
+++ b/src/components/dialogs/StarterPackDialog.tsx
@@ -30,7 +30,7 @@ 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'
+import {TimesLarge_Stroke2_Corner0_Rounded as XIcon} from '../icons/Times'
type StarterPackWithMembership =
AppBskyGraphGetStarterPacksWithMembership.StarterPackWithMembership
@@ -130,8 +130,6 @@ function StarterPackList({
enabled?: boolean
}) {
const {_} = useLingui()
- const t = useTheme()
-
const {
data,
refetch,
@@ -184,10 +182,9 @@ function StarterPackList({
Add to starter packs
-
+
{membershipItems.length > 0 && (
<>
@@ -215,27 +212,23 @@ function StarterPackList({
>
)
- if (isLoading) {
- return (
- <>
-
-
-
-
- >
- )
- }
-
return (
<>
-
- item.starterPack.uri || index.toString()
+ data={isLoading ? [{}] : membershipItems}
+ renderItem={
+ isLoading
+ ? () => (
+
+
+
+ )
+ : renderItem
+ }
+ keyExtractor={
+ isLoading
+ ? () => 'starter_pack_dialog_loader'
+ : (item: StarterPackWithMembership) => item.starterPack.uri
}
refreshing={false}
onRefresh={_onRefresh}