diff options
Diffstat (limited to 'web/src/js/components/ContentView/ShowFullContentButton.jsx')
-rw-r--r-- | web/src/js/components/ContentView/ShowFullContentButton.jsx | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/web/src/js/components/ContentView/ShowFullContentButton.jsx b/web/src/js/components/ContentView/ShowFullContentButton.jsx index acb094a7..676068e9 100644 --- a/web/src/js/components/ContentView/ShowFullContentButton.jsx +++ b/web/src/js/components/ContentView/ShowFullContentButton.jsx @@ -11,16 +11,23 @@ ShowFullContentButton.propTypes = { showFullContent: PropTypes.bool.isRequired } -function ShowFullContentButton ( {setShowFullContent, showFullContent} ){ +function ShowFullContentButton ( {setShowFullContent, showFullContent, visibleLines, contentLines} ){ return ( - !showFullContent && <Button className="view-all-content-btn btn-xs" onClick={() => setShowFullContent(true)} text="Show full content"/> + !showFullContent && + <div> + <Button className="view-all-content-btn btn-xs" onClick={() => setShowFullContent(true)} text="Show full content"/> + <span className="pull-right"> {visibleLines}/{contentLines} are visible </span> + </div> ) } export default connect( state => ({ - showFullContent: state.ui.flow.showFullContent + showFullContent: state.ui.flow.showFullContent, + visibleLines: state.ui.flow.maxContentLines, + contentLines: state.ui.flow.content.length + }), { setShowFullContent |