Spence Pope
80 lines
2.4 KiB
TypeScript
80 lines
2.4 KiB
TypeScript
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>
|
|
)
|
|
}
|