refactor: don't bother reversing the order

This commit is contained in:
Mary
2024-05-08 08:09:37 +07:00
parent 70030b32d8
commit f5a197f264
@@ -69,7 +69,25 @@ const ImageAltTextInner = ({
<Dialog.ScrollableInner label={_(msg`Add alt text`)}> <Dialog.ScrollableInner label={_(msg`Add alt text`)}>
<Dialog.Close /> <Dialog.Close />
<View style={a.flex_col_reverse}> <View>
<Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
<Trans>Add ALT text</Trans>
</Text>
<View style={[t.atoms.bg_contrast_50, a.rounded_sm, a.overflow_hidden]}>
<Image
style={imageStyle}
source={{
uri: (image.transformed ?? image.source).path,
}}
contentFit="contain"
accessible={true}
accessibilityIgnoresInvertColors
enableLiveTextInteraction
/>
</View>
</View>
<View style={[a.mt_md, a.gap_md]}> <View style={[a.mt_md, a.gap_md]}>
<View> <View>
<TextField.LabelText> <TextField.LabelText>
@@ -97,28 +115,6 @@ const ImageAltTextInner = ({
</ButtonText> </ButtonText>
</Button> </Button>
</View> </View>
{/* below the text input to force tab order */}
<View>
<Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
<Trans>Add ALT text</Trans>
</Text>
<View
style={[t.atoms.bg_contrast_50, a.rounded_sm, a.overflow_hidden]}>
<Image
style={imageStyle}
source={{
uri: (image.transformed ?? image.source).path,
}}
contentFit="contain"
accessible={true}
accessibilityIgnoresInvertColors
enableLiveTextInteraction
/>
</View>
</View>
</View>
</Dialog.ScrollableInner> </Dialog.ScrollableInner>
) )
} }