// @flow import * as React from 'react'; import {StyleSheet, View} from "react-native"; import HTML from "react-native-render-html"; import i18n from "i18n-js"; import {Avatar, Button, Card, withTheme} from 'react-native-paper'; import {getFormattedEventTime, isDescriptionEmpty} from "../../utils/Planning"; /** * Component used to display an event preview if an event is available * * @param props Props to pass to the component * @return {*} */ function PreviewEventDashboardItem(props) { const {colors} = props.theme; const isEmpty = props.event === undefined ? true : isDescriptionEmpty(props.event['description']); if (props.event !== undefined && props.event !== null) { const hasImage = props.event['logo'] !== '' && props.event['logo'] !== null; const getImage = () => ; return ( {hasImage ? : } {!isEmpty ? " + props.event['description'] + ""} tagsStyles={{ p: {color: colors.text,}, div: {color: colors.text}, }}/> : null} ); } else return } const styles = StyleSheet.create({ card: { marginBottom: 10 }, content: { maxHeight: 150, overflow: 'hidden', }, actions: { marginLeft: 'auto', marginTop: 'auto', flexDirection: 'row' }, avatar: { backgroundColor: 'transparent' } }); export default withTheme(PreviewEventDashboardItem);