ysimard/application-amicale
1
0
Fork 0
forked from vergnet/application-amicale
Code Issues Pull requests Releases Wiki Activity

Do not display html component if description is only empty tags

Browse source
This commit is contained in:
keplyx 2020-03-11 16:08:02 +01:00
parent 9132668943
commit d17a52307f
2 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
components/PreviewEventDashboardItem.js
View file

@ -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,17 +33,19 @@ function PreviewEventDashboardItem(props) {
title={props.event['title']}
subtitle={PlanningEventManager.getFormattedEventTime(props.event)}
/>}
<Card.Content style={{
height: props.event['description'].length > 70 ? 100 : 50,
overflow: 'hidden',
}}>
<HTML html={"<div>" + props.event['description'] + "</div>"}
tagsStyles={{
p: {color: colors.text,},
div: {color: colors.text},
}}/>
{!isEmpty ?
<Card.Content style={{
maxHeight: 150,
overflow: 'hidden',
}}>
<HTML html={"<div>" + props.event['description'] + "</div>"}
tagsStyles={{
p: {color: colors.text,},
div: {color: colors.text},
}}/>
</Card.Content> : null}
</Card.Content>
<Card.Actions style={{
marginLeft: 'auto',
marginTop: 'auto',

7
utils/PlanningEventManager.js
View file

@ -73,4 +73,11 @@ export default class PlanningEventManager {
return formattedStr
}
static isDescriptionEmpty (description: string) {
return description
.replace('<p>', '')
.replace('</p>', '')
.replace('<br>', '').trim() === '';
}
}