prompt update

src/components/BotAccountAlert.tsx

@@ -0,0 +1,57 @@
+import {View} from 'react-native'
+import {msg} from '@lingui/core/macro'
+import {useLingui} from '@lingui/react'
+import {Trans} from '@lingui/react/macro'
+
+import {atoms as a, useTheme} from '#/alf'
+import {Button, ButtonText} from '#/components/Button'
+import type * as Dialog from '#/components/Dialog'
+import {Robot_Filled_Corner2_Rounded as RobotIcon} from '#/components/icons/Robot'
+import * as Prompt from '#/components/Prompt'
+import {navigate} from '#/Navigation'
+
+export function BotAccountAlert({
+  control,
+  isOwn,
+}: {
+  control: Dialog.DialogControlProps
+  isOwn: boolean
+}) {
+  const {_} = useLingui()
+  const t = useTheme()
+
+  const description = isOwn
+    ? 'You have marked this account as automated. You can remove it at any time from your account settings.'
+    : 'This account has been marked as automated by its owner'
+
+  return (
+    <Prompt.Outer control={control} type="alert">
+      <Prompt.Content>
+        <View style={[a.align_center, a.pb_sm]}>
+          <RobotIcon width={48} fill={t.atoms.text_contrast_medium.color} />
+        </View>
+        <Prompt.DescriptionText>
+          <Trans>{description}</Trans>
+        </Prompt.DescriptionText>
+      </Prompt.Content>
+      <Prompt.Actions>
+        <Prompt.Action cta={_(msg`Okay`)} onPress={() => {}} color="primary" />
+        {isOwn ? (
+          <Button
+            label={_(msg`Open settings`)}
+            onPress={() => {
+              control.close(() => {
+                navigate('AutomationLabelSettings')
+              })
+            }}
+            color="secondary"
+            size="large">
+            <ButtonText>
+              <Trans>Open settings</Trans>
+            </ButtonText>
+          </Button>
+        ) : null}
+      </Prompt.Actions>
+    </Prompt.Outer>
+  )
+}

src/components/BotAccountInfoDialog.tsx

@@ -1,99 +0,0 @@
-import {View} from 'react-native'
-import {msg} from '@lingui/core/macro'
-import {useLingui} from '@lingui/react'
-import {Trans} from '@lingui/react/macro'
-
-import {atoms as a, useTheme} from '#/alf'
-import {Button, ButtonText} from '#/components/Button'
-import * as Dialog from '#/components/Dialog'
-import {Robot_Filled_Corner2_Rounded as RobotIcon} from '#/components/icons/Robot'
-import * as Prompt from '#/components/Prompt'
-import {Text} from '#/components/Typography'
-import {navigate} from '#/Navigation'
-
-export function BotAccountInfoDialog({
-  control,
-}: {
-  control: Dialog.DialogControlProps
-}) {
-  return (
-    <Dialog.Outer control={control}>
-      <Dialog.Handle />
-      <BotAccountInfoDialogInner control={control} />
-    </Dialog.Outer>
-  )
-}
-
-export function BotAccountOwnAlert({
-  control,
-}: {
-  control: Dialog.DialogControlProps
-}) {
-  const {_} = useLingui()
-  const t = useTheme()
-
-  return (
-    <Prompt.Outer control={control} type="alert">
-      <Prompt.Content>
-        <View style={[a.align_center, a.pb_sm]}>
-          <RobotIcon width={48} fill={t.atoms.text_contrast_medium.color} />
-        </View>
-        <Prompt.DescriptionText>
-          <Trans>
-            You have marked this account as automated. You can remove it at any
-            time from your account settings.
-          </Trans>
-        </Prompt.DescriptionText>
-      </Prompt.Content>
-      <Prompt.Actions>
-        <Prompt.Action cta={_(msg`Okay`)} onPress={() => {}} color="primary" />
-        <Button
-          label={_(msg`Open settings`)}
-          onPress={() => {
-            control.close(() => {
-              navigate('AutomationLabelSettings')
-            })
-          }}
-          color="secondary"
-          size="large">
-          <ButtonText>
-            <Trans>Open settings</Trans>
-          </ButtonText>
-        </Button>
-      </Prompt.Actions>
-    </Prompt.Outer>
-  )
-}
-
-function BotAccountInfoDialogInner({
-  control,
-}: {
-  control: Dialog.DialogControlProps
-}) {
-  const {_} = useLingui()
-  const t = useTheme()
-
-  return (
-    <Dialog.ScrollableInner label={_(msg`Automated account`)}>
-      <View style={[a.align_center, a.gap_2xl, a.py_md]}>
-        <View style={[t.atoms.shadow_sm]}>
-          <RobotIcon width={48} fill={t.atoms.text_contrast_medium.color} />
-        </View>
-        <Text style={[a.text_lg, a.text_center, a.font_semi_bold]}>
-          <Trans>This account has been marked as automated by its owner</Trans>
-        </Text>
-        <Button
-          label={_(msg`Okay`)}
-          onPress={() => control.close()}
-          color="primary"
-          size="large"
-          style={[a.w_full]}>
-          <ButtonText>
-            <Trans>Okay</Trans>
-          </ButtonText>
-        </Button>
-      </View>
-      <Dialog.Close />
-    </Dialog.ScrollableInner>
-  )
-}

src/components/BotBadge.tsx

@@ -5,10 +5,7 @@ import {useLingui} from '@lingui/react'
 
 import {isBotAccount} from '#/lib/bots'
 import {atoms as a, useBreakpoints, useTheme} from '#/alf'
-import {
-  BotAccountInfoDialog,
-  BotAccountOwnAlert,
-} from '#/components/BotAccountInfoDialog'
+import {BotAccountAlert} from '#/components/BotAccountAlert'
 import {Button} from '#/components/Button'
 import {useDialogControl} from '#/components/Dialog'
 import {Robot_Filled_Corner2_Rounded as RobotIcon} from '#/components/icons/Robot'
@@ -91,11 +88,7 @@ export function BotBadgeButton({
           </View>
         )}
       </Button>
-      {isMe ? (
-        <BotAccountOwnAlert control={control} />
-      ) : (
-        <BotAccountInfoDialog control={control} />
-      )}
+      <BotAccountAlert control={control} isOwn={isMe} />
     </>
   )
 }