From abd28fa4c21c8a8db9e6eba0a3ab4e46ff085659 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Thu, 30 May 2024 17:02:22 -0500
Subject: [PATCH] Update copy, icon

(cherry picked from commit e6efabbe78c3f3d9f0f8fb0a06a6a1c4fbfb70a9)
---
 .../components/DeactivateAccountDialog.tsx    | 54 +++++++++++++++----
 src/view/screens/Settings/index.tsx           |  2 +-
 2 files changed, 44 insertions(+), 12 deletions(-)

diff --git a/src/screens/Settings/components/DeactivateAccountDialog.tsx b/src/screens/Settings/components/DeactivateAccountDialog.tsx
index a5c2f3b34a..8867d3ee64 100644
--- a/src/screens/Settings/components/DeactivateAccountDialog.tsx
+++ b/src/screens/Settings/components/DeactivateAccountDialog.tsx
@@ -1,27 +1,59 @@
 import React from 'react'
-import {msg} from '@lingui/macro'
+import {View} from 'react-native'
+import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {atoms as a, useTheme} from '#/alf'
 import {DialogOuterProps} from '#/components/Dialog'
+import {Divider} from '#/components/Divider'
 import * as Prompt from '#/components/Prompt'
+import {Text} from '#/components/Typography'
 
 export function DeactivateAccountDialog({
   control,
 }: {
   control: DialogOuterProps['control']
 }) {
+  const t = useTheme()
   const {_} = useLingui()
 
   return (
-    <Prompt.Basic
-      control={control}
-      title={_(msg`Deactivate account`)}
-      description={_(
-        msg`Are you sure you want to deactivate your account? You won't be able to interact on the network using this account, and users won't be able to see your profile or posts.`,
-      )}
-      confirmButtonCta={_(msg`Yes, deactivate my account`)}
-      confirmButtonColor="negative"
-      onConfirm={() => {}}
-    />
+    <Prompt.Outer control={control} testID="confirmModal">
+      <Prompt.TitleText>{_(msg`Deactivate account`)}</Prompt.TitleText>
+      <Prompt.DescriptionText>
+        <Trans>
+          Your profile and posts will no longer be visible to other Bluesky
+          users. You can reactivate your account at any time by logging in.
+        </Trans>
+      </Prompt.DescriptionText>
+
+      <View style={[a.pb_xl]}>
+        <Divider />
+        <View style={[a.gap_sm, a.pt_lg, a.pb_xl]}>
+          <Text style={[t.atoms.text_contrast_medium, a.leading_snug]}>
+            <Trans>
+              There is no time limit for account deactivation, come back any
+              time.
+            </Trans>
+          </Text>
+          <Text style={[t.atoms.text_contrast_medium, a.leading_snug]}>
+            <Trans>
+              If you're trying to change your handle or email, do so before you
+              deactivate.
+            </Trans>
+          </Text>
+        </View>
+
+        <Divider />
+      </View>
+      <Prompt.Actions>
+        <Prompt.Action
+          cta={_(msg`Yes, deactivate`)}
+          onPress={() => {}}
+          color="negative"
+        />
+        <Prompt.Cancel />
+      </Prompt.Actions>
+    </Prompt.Outer>
   )
 }
diff --git a/src/view/screens/Settings/index.tsx b/src/view/screens/Settings/index.tsx
index 49dd45aab9..3232dbd61e 100644
--- a/src/view/screens/Settings/index.tsx
+++ b/src/view/screens/Settings/index.tsx
@@ -808,7 +808,7 @@ export function SettingsScreen({}: Props) {
           )}>
           <View style={[styles.iconContainer, dangerBg]}>
             <FontAwesomeIcon
-              icon={'x'}
+              icon={'users-slash'}
               style={dangerText as FontAwesomeIconStyle}
               size={18}
             />