aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js/components/ContentView/ShowFullContentButton.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/js/components/ContentView/ShowFullContentButton.jsx')
-rw-r--r--web/src/js/components/ContentView/ShowFullContentButton.jsx13
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 &nbsp; </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