diff --git a/src/components/Parse/HTML.tsx b/src/components/Parse/HTML.tsx index e8cd52b3..956f9a29 100644 --- a/src/components/Parse/HTML.tsx +++ b/src/components/Parse/HTML.tsx @@ -69,6 +69,7 @@ const ParseHTML: React.FC = ({ const [followedTags] = useAccountStorage.object('followed_tags') + const MAX_ALLOWED_LINES = 30 const [totalLines, setTotalLines] = useState() const [expanded, setExpanded] = useState(highlighted) @@ -275,7 +276,12 @@ const ParseHTML: React.FC = ({ hint: expandHint, moreLines: numberOfLines > 1 && typeof totalLines === 'number' - ? t('HTML.moreLines', { count: totalLines - numberOfLines }) + ? t('HTML.moreLines', { + count: + totalLines === MAX_ALLOWED_LINES + ? (`${totalLines - numberOfLines}+` as unknown as number) + : totalLines - numberOfLines + }) : '' })} /> @@ -304,7 +310,7 @@ const ParseHTML: React.FC = ({ height: numberOfLines === 1 && !expanded ? 0 : undefined }} numberOfLines={ - typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : undefined + typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : MAX_ALLOWED_LINES } selectable={selectable} />