import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; import PropTypes from 'prop-types'; import FastImage from 'react-native-fast-image'; import { RectButton } from 'react-native-gesture-handler'; import openLink from '../../utils/openLink'; const styles = StyleSheet.create({ button: { marginTop: 6 }, container: { flex: 1, flexDirection: 'column', borderRadius: 4, backgroundColor: '#F3F4F5', borderColor: '#F3F4F5', borderWidth: 1 }, textContainer: { flex: 1, flexDirection: 'column', padding: 15, justifyContent: 'flex-start', alignItems: 'flex-start' }, title: { fontWeight: '500', color: '#1D74F5', fontSize: 16 }, description: { marginTop: 5, fontSize: 16, color: '#0C0D0F' }, marginTop: { marginTop: 4 }, image: { width: '100%', height: 150, borderTopLeftRadius: 4, borderTopRightRadius: 4 } }); const onPress = (url) => { openLink(url); }; const Url = ({ url, index }) => { if (!url) { return null; } return ( onPress(url.url)} style={[styles.button, index > 0 && styles.marginTop, styles.container]} activeOpacity={0.5} underlayColor='#fff' > {url.image ? : null} {url.title} {url.description} ); }; Url.propTypes = { url: PropTypes.object.isRequired, index: PropTypes.number }; export default Url;