[APP-1928] add bot/automated account badge and self-labeling settings (#10008)

Co-authored-by: Eric Bailey <git@esb.lol>
2026-03-10 14:28:49 -04:00
parent 8bdb1c30c8
commit 2bd9811652
32 changed files with 641 additions and 235 deletions
@@ -0,0 +1,79 @@
+import {View} from 'react-native'
+import {Trans, useLingui} from '@lingui/react/macro'
+
+import {useSession} from '#/state/session'
+import {atoms as a, useTheme, web} from '#/alf'
+import {Button, ButtonText} from '#/components/Button'
+import * as Dialog from '#/components/Dialog'
+import {Bot_Filled as RobotIcon} from '#/components/icons/Bot'
+import {Text} from '#/components/Typography'
+import {navigate} from '#/Navigation'
+import type * as bsky from '#/types/bsky'
+
+export function BotAccountAlert({
+  control,
+  profile,
+}: {
+  control: Dialog.DialogControlProps
+  profile: bsky.profile.AnyProfileView
+}) {
+  const {t: l} = useLingui()
+  const t = useTheme()
+  const {currentAccount} = useSession()
+
+  const isSelf = profile.did === currentAccount?.did
+  const description = isSelf
+    ? l`You have marked this account as automated. You can remove it at any time from your account settings.`
+    : l`This account has been marked as automated by its owner.`
+
+  return (
+    <Dialog.Outer control={control} nativeOptions={{preventExpansion: true}}>
+      <Dialog.ScrollableInner
+        label={l`Automated account`}
+        style={[web({maxWidth: 320})]}>
+        <View style={[a.align_center, a.pb_md, a.shadow_sm]}>
+          <RobotIcon width={48} fill={t.atoms.text_contrast_medium.color} />
+        </View>
+        <View style={[a.align_center]}>
+          <Text
+            style={[
+              a.leading_snug,
+              a.text_center,
+              a.pb_xl,
+              a.text_md,
+              t.atoms.text_contrast_high,
+              {maxWidth: 300},
+            ]}>
+            {description}
+          </Text>
+        </View>
+        <View style={[a.w_full, a.gap_sm]}>
+          <Button
+            label={l`Okay`}
+            onPress={() => control.close()}
+            color="primary"
+            size="large">
+            <ButtonText>
+              <Trans>Okay</Trans>
+            </ButtonText>
+          </Button>
+          {isSelf ? (
+            <Button
+              label={l`Open settings`}
+              onPress={() => {
+                control.close(() => {
+                  navigate('AutomationLabelSettings')
+                })
+              }}
+              color="secondary"
+              size="large">
+              <ButtonText>
+                <Trans>Open settings</Trans>
+              </ButtonText>
+            </Button>
+          ) : null}
+        </View>
+      </Dialog.ScrollableInner>
+    </Dialog.Outer>
+  )
+}