From f34bc3f17e3b5c34afe9cd496eeff7d711838373 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 19 Jun 2024 19:08:49 -0500
Subject: [PATCH] Style delete

---
 src/screens/StarterPack/StarterPackScreen.tsx | 29 +++++++++++++++----
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/screens/StarterPack/StarterPackScreen.tsx b/src/screens/StarterPack/StarterPackScreen.tsx
index b3455be2c1..9193af974c 100644
--- a/src/screens/StarterPack/StarterPackScreen.tsx
+++ b/src/screens/StarterPack/StarterPackScreen.tsx
@@ -9,6 +9,7 @@ import {NativeStackScreenProps} from '@react-navigation/native-stack'
 import {useQueryClient} from '@tanstack/react-query'
 
 import {logger} from '#/logger'
+import {cleanError} from '#/lib/strings/errors'
 import {useDeleteStarterPackMutation} from '#/state/queries/starter-packs'
 import {HITSLOP_20} from 'lib/constants'
 import {makeProfileLink, makeStarterPackLink} from 'lib/routes/links'
@@ -255,6 +256,7 @@ function OverflowMenu({
   starterPack: AppBskyGraphDefs.StarterPackView
   routeParams: StarterPackScreeProps['route']['params']
 }) {
+  const t = useTheme()
   const {_} = useLingui()
   const {gtMobile} = useBreakpoints()
   const {currentAccount} = useSession()
@@ -400,6 +402,27 @@ function OverflowMenu({
         <Prompt.DescriptionText>
           <Trans>Are you sure you want delete this starter pack?</Trans>
         </Prompt.DescriptionText>
+        {deleteError && (
+          <View
+            style={[
+              a.flex_row,
+              a.gap_sm,
+              a.rounded_sm,
+              a.p_md,
+              a.mb_lg,
+              a.border,
+              t.atoms.border_contrast_medium,
+              t.atoms.bg_contrast_25,
+            ]}>
+            <View style={[a.flex_1, a.gap_2xs]}>
+              <Text style={[a.font_bold]}>
+                <Trans>Unable to delete</Trans>
+              </Text>
+              <Text style={[a.leading_snug]}>{cleanError(deleteError)}</Text>
+            </View>
+            <CircleInfo size="sm" fill={t.palette.negative_400} />
+          </View>
+        )}
         <Prompt.Actions>
           <Button
             variant="solid"
@@ -414,12 +437,6 @@ function OverflowMenu({
           </Button>
           <Prompt.Cancel />
         </Prompt.Actions>
-
-        {deleteError && (
-          <View>
-            <Text>{deleteError.toString()}</Text>
-          </View>
-        )}
       </Prompt.Outer>
     </>
   )