refactor: don't bother reversing the order

2024-05-08 08:09:37 +07:00
parent 70030b32d8
commit f5a197f264
1 changed files with 41 additions and 45 deletions
@@ -69,55 +69,51 @@ const ImageAltTextInner = ({
    <Dialog.ScrollableInner label={_(msg`Add alt text`)}>
      <Dialog.Close />

-      <View style={a.flex_col_reverse}>
-        <View style={[a.mt_md, a.gap_md]}>
-          <View>
-            <TextField.LabelText>
-              <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>
+      <View>
+        <Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
+          <Trans>Add ALT text</Trans>
+        </Text>

-        {/* 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>
-          <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
+          <TextField.LabelText>
+            <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
            />
-          </View>
+          </TextField.Root>
        </View>
+        <Button
+          label={_(msg`Save`)}
+          size="medium"
+          color="primary"
+          variant="solid"
+          onPress={onPressSubmit}>
+          <ButtonText>
+            <Trans>Save</Trans>
+          </ButtonText>
+        </Button>
      </View>
    </Dialog.ScrollableInner>
  )