zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

hide alternative ratio buttons when using custom ratio

zio/stable
Piotr P 2024-04-27 14:23:29 +02:00
parent bc956803b8
commit beddddcb57
1 changed files with 34 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/view/com/modals/crop-image/CropImage.web.tsx
View File

@ -117,36 +117,40 @@ export function Component({
maximumValue={3} maximumValue={3}
containerStyle={styles.slider} containerStyle={styles.slider}
/> />
<TouchableOpacity {as === AspectRatio.Custom ? null : (
onPress={doSetAs(AspectRatio.Wide)} <>
accessibilityRole="button" <TouchableOpacity
accessibilityLabel={_(msg`Wide`)} onPress={doSetAs(AspectRatio.Wide)}
accessibilityHint={_(msg`Sets image aspect ratio to wide`)}> accessibilityRole="button"
<RectWideIcon accessibilityLabel={_(msg`Wide`)}
size={24} accessibilityHint={_(msg`Sets image aspect ratio to wide`)}>
style={as === AspectRatio.Wide ? s.blue3 : pal.text} <RectWideIcon
/> size={24}
</TouchableOpacity> style={as === AspectRatio.Wide ? s.blue3 : pal.text}
<TouchableOpacity />
onPress={doSetAs(AspectRatio.Tall)} </TouchableOpacity>
accessibilityRole="button" <TouchableOpacity
accessibilityLabel={_(msg`Tall`)} onPress={doSetAs(AspectRatio.Tall)}
accessibilityHint={_(msg`Sets image aspect ratio to tall`)}> accessibilityRole="button"
<RectTallIcon accessibilityLabel={_(msg`Tall`)}
size={24} accessibilityHint={_(msg`Sets image aspect ratio to tall`)}>
style={as === AspectRatio.Tall ? s.blue3 : pal.text} <RectTallIcon
/> size={24}
</TouchableOpacity> style={as === AspectRatio.Tall ? s.blue3 : pal.text}
<TouchableOpacity />
onPress={doSetAs(AspectRatio.Square)} </TouchableOpacity>
accessibilityRole="button" <TouchableOpacity
accessibilityLabel={_(msg`Square`)} onPress={doSetAs(AspectRatio.Square)}
accessibilityHint={_(msg`Sets image aspect ratio to square`)}> accessibilityRole="button"
<SquareIcon accessibilityLabel={_(msg`Square`)}
size={24} accessibilityHint={_(msg`Sets image aspect ratio to square`)}>
style={as === AspectRatio.Square ? s.blue3 : pal.text} <SquareIcon
/> size={24}
</TouchableOpacity> style={as === AspectRatio.Square ? s.blue3 : pal.text}
/>
</TouchableOpacity>
</>
)}
</View> </View>
<View style={styles.btns}> <View style={styles.btns}>
<TouchableOpacity <TouchableOpacity