Do not display html component if description is only empty tags
This commit is contained in:
parent
9132668943
commit
d17a52307f
2 changed files with 20 additions and 11 deletions
|
@ -10,7 +10,7 @@ import PlanningEventManager from "../utils/PlanningEventManager";
|
|||
|
||||
function PreviewEventDashboardItem(props) {
|
||||
const {colors} = props.theme;
|
||||
|
||||
const isEmpty = PlanningEventManager.isDescriptionEmpty(props.event['description']);
|
||||
if (props.event !== undefined && props.event !== null) {
|
||||
const hasImage = props.event['logo'] !== '' && props.event['logo'] !== null;
|
||||
const getImage = () => <Avatar.Image
|
||||
|
@ -33,8 +33,9 @@ function PreviewEventDashboardItem(props) {
|
|||
title={props.event['title']}
|
||||
subtitle={PlanningEventManager.getFormattedEventTime(props.event)}
|
||||
/>}
|
||||
{!isEmpty ?
|
||||
<Card.Content style={{
|
||||
height: props.event['description'].length > 70 ? 100 : 50,
|
||||
maxHeight: 150,
|
||||
overflow: 'hidden',
|
||||
}}>
|
||||
<HTML html={"<div>" + props.event['description'] + "</div>"}
|
||||
|
@ -43,7 +44,8 @@ function PreviewEventDashboardItem(props) {
|
|||
div: {color: colors.text},
|
||||
}}/>
|
||||
|
||||
</Card.Content>
|
||||
</Card.Content> : null}
|
||||
|
||||
<Card.Actions style={{
|
||||
marginLeft: 'auto',
|
||||
marginTop: 'auto',
|
||||
|
|
|
@ -73,4 +73,11 @@ export default class PlanningEventManager {
|
|||
return formattedStr
|
||||
}
|
||||
|
||||
static isDescriptionEmpty (description: string) {
|
||||
return description
|
||||
.replace('<p>', '')
|
||||
.replace('</p>', '')
|
||||
.replace('<br>', '').trim() === '';
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue