forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {msg, Trans} from '@lingui/macro'
2import {useLingui} from '@lingui/react'
3
4import {type ViewStyleProp} from '#/alf'
5import * as Admonition from '#/components/Admonition'
6import {ButtonIcon, ButtonText} from '#/components/Button'
7import {ArrowRotateCounterClockwise_Stroke2_Corner0_Rounded as RetryIcon} from '#/components/icons/ArrowRotate'
8import {refetchConfig} from '#/ageAssurance/data'
9
10export function AgeAssuranceConfigUnavailableError(props: ViewStyleProp) {
11 const {_} = useLingui()
12 return (
13 <Admonition.Outer type="error" style={props.style}>
14 <Admonition.Row>
15 <Admonition.Icon />
16 <Admonition.Content>
17 <Admonition.Text>
18 <Trans>
19 We were unable to load the age assurance configuration for your
20 region, probably due to a network error. Some content and features
21 may be unavailable temporarily. Please try again later.
22 </Trans>
23 </Admonition.Text>
24 </Admonition.Content>
25 <Admonition.Button
26 color="negative_subtle"
27 label={_(msg`Retry`)}
28 onPress={() => refetchConfig().catch(() => {})}>
29 <ButtonText>
30 <Trans>Retry</Trans>
31 </ButtonText>
32 <ButtonIcon icon={RetryIcon} />
33 </Admonition.Button>
34 </Admonition.Row>
35 </Admonition.Outer>
36 )
37}