Use isSelf to better align with codebase, adjust dialog styles

src/components/BotAccountAlert.tsx

@@ -3,7 +3,7 @@ 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 {atoms as a, useTheme, web} 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'
@@ -12,21 +12,23 @@ import {navigate} from '#/Navigation'
 
 export function BotAccountAlert({
   control,
-  isOwn,
+  isSelf,
 }: {
   control: Dialog.DialogControlProps
-  isOwn: boolean
+  isSelf: boolean
 }) {
   const {_} = useLingui()
   const t = useTheme()
 
-  const description = isOwn
+  const description = isSelf
     ? '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 (
     <Dialog.Outer control={control} nativeOptions={{preventExpansion: true}}>
-      <Dialog.ScrollableInner label={_(msg`Automated account`)}>
+      <Dialog.ScrollableInner
+        label={_(msg`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>
@@ -35,9 +37,8 @@ export function BotAccountAlert({
             a.leading_snug,
             a.text_center,
             a.pb_xl,
+            a.text_md,
             t.atoms.text_contrast_high,
-            ...(isOwn ? [a.text_md] : [a.text_lg]),
-            ...(!isOwn ? [a.font_semi_bold] : []),
           ]}>
           <Trans>{description}</Trans>
         </Text>
@@ -51,7 +52,7 @@ export function BotAccountAlert({
               <Trans>Okay</Trans>
             </ButtonText>
           </Button>
-          {isOwn ? (
+          {isSelf ? (
             <Button
               label={_(msg`Open settings`)}
               onPress={() => {

src/components/BotBadge.tsx

@@ -36,11 +36,11 @@ export function BotBadge({
 export function BotBadgeButton({
   profile,
   size,
-  isMe,
+  isSelf = false,
 }: {
   profile: {did: string; labels?: ComAtprotoLabelDefs.Label[]}
   size: 'lg' | 'md' | 'sm'
-  isMe?: boolean
+  isSelf?: boolean
 }) {
   const t = useTheme()
   const ax = useAnalytics()
@@ -88,7 +88,7 @@ export function BotBadgeButton({
           </View>
         )}
       </Button>
-      <BotAccountAlert control={control} isOwn={isMe} />
+      <BotAccountAlert control={control} isSelf={isSelf} />
     </>
   )
 }

src/components/verification/VerificationCheckButton.tsx

@@ -67,7 +67,7 @@ export function VerificationCheckButton({
   return null
 }
 
-export function Badge({
+function Badge({
   profile,
   verificationState: state,
   size,

src/screens/Profile/Header/ProfileHeaderStandard.tsx

@@ -147,7 +147,7 @@ let ProfileHeaderStandard = ({
                   <VerificationCheckButton profile={profile} size="lg" />
                 </View>
                 <View style={[a.pl_xs, {marginTop: platform({ios: 2})}]}>
-                  <BotBadgeButton profile={profile} size="lg" isMe={isMe} />
+                  <BotBadgeButton profile={profile} size="lg" isSelf={isMe} />
                 </View>
               </Text>
             </View>

src/screens/Settings/Settings.tsx

@@ -381,7 +381,7 @@ function ProfilePreview({
               marginTop: platform({web: 8, ios: 8, android: 10}),
             },
           ]}>
-          <BotBadgeButton profile={shadow} size="lg" isMe />
+          <BotBadgeButton profile={shadow} size="lg" isSelf />
         </View>
       </View>
       <Text style={[a.text_md, a.leading_snug, t.atoms.text_contrast_medium]}>