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

metacode selection tweaks

Browse source
This commit is contained in:
Devin Howard 2017-02-25 14:35:31 -08:00
parent 835961ce90
commit 479757d671
1 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -23,6 +23,7 @@ class Links extends Component {
} }
handleMetacodeSelect = metacodeId => { handleMetacodeSelect = metacodeId => {
this.setState({ showMetacodeSelect: false })
this.props.updateTopic({ this.props.updateTopic({
metacode_id: metacodeId metacode_id: metacodeId
}) })
@ -81,14 +82,13 @@ class Links extends Component {
<div className="linkItem icon metacodeItem" <div className="linkItem icon metacodeItem"
style={{ zIndex: this.state.showMetacodeTitle ? 4 : 1 }} style={{ zIndex: this.state.showMetacodeTitle ? 4 : 1 }}
onMouseLeave={() => this.setState({ showMetacodeTitle: false, showMetacodeSelect: false })} onMouseLeave={() => this.setState({ showMetacodeTitle: false, showMetacodeSelect: false })}
onClick={() => this.setState({ showMetacodeSelect: !this.state.showMetacodeSelect })}
> >
<div className={`metacodeTitle mbg${metacode.get('id')}`} <div className={`metacodeTitle mbg${metacode.get('id')}`}
style={{ display: this.state.showMetacodeTitle ? 'block' : 'none' }} style={{ display: this.state.showMetacodeTitle ? 'block' : 'none' }}
> >
{metacode.get('name')} {metacode.get('name')}
<div className="expandMetacodeSelect" <div className="expandMetacodeSelect"/>
onClick={() => this.setState({ showMetacodeSelect: !this.state.showMetacodeSelect })}
/>
</div> </div>
<div className="metacodeImage" <div className="metacodeImage"
style={{backgroundImage: `url(${metacode.get('icon')})`}} style={{backgroundImage: `url(${metacode.get('icon')})`}}