From c1aa58f27c692cc770af1563935ea51bdb8e023c Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Sat, 15 Jun 2024 18:08:23 -0700
Subject: [PATCH] create another button

---
 .../StarterPack/ProfileStarterPacks.tsx       | 34 +++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/components/StarterPack/ProfileStarterPacks.tsx b/src/components/StarterPack/ProfileStarterPacks.tsx
index af84c5a6e2..8aef725cb0 100644
--- a/src/components/StarterPack/ProfileStarterPacks.tsx
+++ b/src/components/StarterPack/ProfileStarterPacks.tsx
@@ -139,13 +139,43 @@ export const ProfileStarterPacks = React.forwardRef<
         desktopFixedHeight
         onEndReached={onEndReached}
         onRefresh={onRefresh}
-        ListEmptyComponent={EmptyComponent}
+        ListEmptyComponent={Empty}
+        ListFooterComponent={items?.length !== 0 ? CreateAnother : undefined}
       />
     </View>
   )
 })
 
-function EmptyComponent() {
+function CreateAnother() {
+  const t = useTheme()
+  const {_} = useLingui()
+  const navigation = useNavigation<NavigationProp>()
+
+  return (
+    <View
+      style={[
+        a.px_md,
+        a.py_lg,
+        a.justify_between,
+        a.gap_lg,
+        a.border_t,
+        t.atoms.border_contrast_medium,
+      ]}>
+      <Button
+        label={_(msg`Create a starter pack`)}
+        variant="ghost"
+        color="primary"
+        size="small"
+        onPress={() => navigation.navigate('StarterPackWizard', {})}>
+        <ButtonText>
+          <Trans>Create another</Trans>
+        </ButtonText>
+      </Button>
+    </View>
+  )
+}
+
+function Empty() {
   const {_} = useLingui()
   const t = useTheme()
   const navigation = useNavigation<NavigationProp>()