Update image gallery button to use TypeScript

This commit is contained in:
Arnaud Vergnet 2020-09-22 11:52:17 +02:00
parent 98518c46b6
commit 18f8c64302

View file

@ -17,33 +17,29 @@
* along with Campus INSAT. If not, see <https://www.gnu.org/licenses/>.
*/
// @flow
import * as React from 'react';
import {TouchableRipple} from 'react-native-paper';
import {StackNavigationProp} from '@react-navigation/stack';
import {Image} from 'react-native-animatable';
import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
import {useNavigation} from '@react-navigation/native';
import {ViewStyle} from 'react-native';
type PropsType = {
navigation: StackNavigationProp,
images: Array<{url: string}>,
style: ViewStyleProp,
images: Array<{url: string}>;
style: ViewStyle;
};
class ImageGalleryButton extends React.Component<PropsType> {
onPress = () => {
const {navigation, images} = this.props;
navigation.navigate('gallery', {images});
function ImageGalleryButton(props: PropsType) {
const navigation = useNavigation();
const onPress = () => {
navigation.navigate('gallery', {images: props.images});
};
render(): React.Node {
const {style, images} = this.props;
return (
<TouchableRipple onPress={this.onPress} style={style}>
<TouchableRipple onPress={onPress} style={props.style}>
<Image
resizeMode="contain"
source={{uri: images[0].url}}
source={{uri: props.images[0].url}}
style={{
width: '100%',
height: '100%',
@ -51,7 +47,6 @@ class ImageGalleryButton extends React.Component<PropsType> {
/>
</TouchableRipple>
);
}
}
export default ImageGalleryButton;