filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-10 13:14:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

conditioning ViewAllButton

Browse Source
This commit is contained in:
tarafanlin 2020-10-25 12:34:56 -07:00
parent 5d9109d3fc
commit 3c00a5082e
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/core/ViewAll.js
View File

@ -15,14 +15,20 @@ export const ViewAllButton = (props) => {
const text = props.fullText;
const maxCharacter = props.maxCharacter;
const displayText = isTruncated ? text.slice(0, maxCharacter) : text;
const textCount = text.length;
console.log(textCount);
return (
<div>
{displayText}
<span>{isTruncated ? "... " : ""}</span>
<span css={STYLES_VIEW_BUTTON} onClick={() => setTruncated(!isTruncated)}>
{isTruncated ? "View All" : "View Less"}
</span>
<br />
{textCount > 100 ? (
<span css={STYLES_VIEW_BUTTON} onClick={() => setTruncated(!isTruncated)}>
{isTruncated ? "View All" : "View Less"}
</span>
) : (
""
)}
</div>
);
};