glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix up the showMore control

Browse source
This commit is contained in:
Devin Howard 2017-02-25 14:32:53 -08:00
parent 356b885e21
commit 835961ce90
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/TopicCard/Links.js
View file

@ -29,7 +29,9 @@ class Links extends Component {
Visualize.mGraph.plot() Visualize.mGraph.plot()
} }
toggleShowMoreMaps = () => { toggleShowMoreMaps = e => {
e.stopPropagation()
e.preventDefault()
this.setState({ showMoreMaps: !this.state.showMoreMaps }) this.setState({ showMoreMaps: !this.state.showMoreMaps })
} }
@ -58,13 +60,13 @@ class Links extends Component {
}) })
if (extraLinks.length > 0) { if (extraLinks.length > 0) {
const text = this.state.showMoreMaps ? 'See less...' : `See ${extraLinks.length} more...`
output.push(<li key="showMore"><span class="showMore" onClick={this.toggleShowMoreMaps}>{text}</span></li>)
if (this.state.showMoreMaps) { if (this.state.showMoreMaps) {
extraLinks.forEach(obj => { extraLinks.forEach(obj => {
output.push(<li key={obj.mapId} class="hideExtra extraText"><a href={`/maps/${obj.mapId}`}>{obj.mapName}</a></li>) output.push(<li key={obj.mapId} className="hideExtra extraText"><a href={`/maps/${obj.mapId}`}>{obj.mapName}</a></li>)
}) })
} }
const text = this.state.showMoreMaps ? 'See less...' : `See ${extraLinks.length} more...`
output.push(<li key="showMore"><span className="showMore" onClick={this.toggleShowMoreMaps}>{text}</span></li>)
} }
return output return output