mirror/iNaturalistReactNative
1
0
Fork 0
mirror of https://github.com/inaturalist/iNaturalistReactNative.git synced 2025-12-23 22:18:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

MOB-674 figure out how to use flex

Browse Source
This commit is contained in:
sepeterson
2025-11-05 15:59:54 -06:00
parent 9c85a2fcb3
commit d09ccd313d
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/MyObservations/SimpleUploadBanner.js
View File

@@ -57,7 +57,7 @@ const SimpleUploadBanner = ( {
);
const renderErrorText = ( ) => (
<Body2 className="color-white">
<Body2 className="color-white flex-1">
{separator}
<Body2 className="color-warningRed">{error}</Body2>
</Body2>
@@ -70,21 +70,23 @@ const SimpleUploadBanner = ( {
} )}
>
<View className="flex-row items-center">
<Pressable
onPress={handleSyncButtonPress}
accessibilityRole="button"
disabled={syncDisabled}
className="flex-1"
>
<Body2
className={classnames( "text-darkGray py-3 text-center", {
"text-white": status.styling === "white-on-green"
} )}
numberOfLines={2}
{status.text && (
<Pressable
onPress={handleSyncButtonPress}
accessibilityRole="button"
disabled={syncDisabled}
className="flex-[2] ml-2"
>
{status.text}
</Body2>
</Pressable>
<Body2
className={classnames( "text-darkGray py-3 text-center", {
"text-white": status.styling === "white-on-green"
} )}
numberOfLines={2}
>
{status.text}
</Body2>
</Pressable>
)}
{error && renderErrorText( )}
{showsCancelUploadButton && renderCancelButton( )}
{showsCheckmark && renderCheckmark( )}