refactor: don't bother reversing the order
This commit is contained in:
@@ -69,55 +69,51 @@ 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>
|
||||||
<View style={[a.mt_md, a.gap_md]}>
|
<Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
|
||||||
<View>
|
<Trans>Add ALT text</Trans>
|
||||||
<TextField.LabelText>
|
</Text>
|
||||||
<Trans>Descriptive alt text</Trans>
|
|
||||||
</TextField.LabelText>
|
|
||||||
<TextField.Root>
|
|
||||||
<Dialog.Input
|
|
||||||
label={_(msg`Alt text`)}
|
|
||||||
onChangeText={text => setAltText(text)}
|
|
||||||
value={altText}
|
|
||||||
multiline
|
|
||||||
numberOfLines={3}
|
|
||||||
autoFocus
|
|
||||||
/>
|
|
||||||
</TextField.Root>
|
|
||||||
</View>
|
|
||||||
<Button
|
|
||||||
label={_(msg`Save`)}
|
|
||||||
size="medium"
|
|
||||||
color="primary"
|
|
||||||
variant="solid"
|
|
||||||
onPress={onPressSubmit}>
|
|
||||||
<ButtonText>
|
|
||||||
<Trans>Save</Trans>
|
|
||||||
</ButtonText>
|
|
||||||
</Button>
|
|
||||||
</View>
|
|
||||||
|
|
||||||
{/* below the text input to force tab order */}
|
<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>
|
<View>
|
||||||
<Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
|
<TextField.LabelText>
|
||||||
<Trans>Add ALT text</Trans>
|
<Trans>Descriptive alt text</Trans>
|
||||||
</Text>
|
</TextField.LabelText>
|
||||||
|
<TextField.Root>
|
||||||
<View
|
<Dialog.Input
|
||||||
style={[t.atoms.bg_contrast_50, a.rounded_sm, a.overflow_hidden]}>
|
label={_(msg`Alt text`)}
|
||||||
<Image
|
onChangeText={text => setAltText(text)}
|
||||||
style={imageStyle}
|
value={altText}
|
||||||
source={{
|
multiline
|
||||||
uri: (image.transformed ?? image.source).path,
|
numberOfLines={3}
|
||||||
}}
|
autoFocus
|
||||||
contentFit="contain"
|
|
||||||
accessible={true}
|
|
||||||
accessibilityIgnoresInvertColors
|
|
||||||
enableLiveTextInteraction
|
|
||||||
/>
|
/>
|
||||||
</View>
|
</TextField.Root>
|
||||||
</View>
|
</View>
|
||||||
|
<Button
|
||||||
|
label={_(msg`Save`)}
|
||||||
|
size="medium"
|
||||||
|
color="primary"
|
||||||
|
variant="solid"
|
||||||
|
onPress={onPressSubmit}>
|
||||||
|
<ButtonText>
|
||||||
|
<Trans>Save</Trans>
|
||||||
|
</ButtonText>
|
||||||
|
</Button>
|
||||||
</View>
|
</View>
|
||||||
</Dialog.ScrollableInner>
|
</Dialog.ScrollableInner>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user