scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-26 17:16:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Update Hover JS fuctions with intative naming

Browse source
This commit is contained in:
carljbowman 2015-10-14 14:53:40 -06:00
parent 5a8ab315b5
commit c7367967ba
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/views/hoc/hoc.jsx
View file

@ -14,9 +14,9 @@ var Hoc = React.createClass({
bgClass: '' bgClass: ''
}; };
}, },
onCardEnter: function (e) { onCardEnter: function (bgClass) {
this.setState({ this.setState({
bgClass: e bgClass: bgClass
}); });
}, },
render: function () { render: function () {
@ -31,20 +31,20 @@ var Hoc = React.createClass({
<div className="card-deck"> <div className="card-deck">
<div className="card"> <div className="card">
<div className="card-info" onMouseEnter={this.onCardEnter.bind(null, 'name-bg')}> <div className="card-info" onMouseEnter={this.onCardEnter.bind(this, 'name-bg')}>
<img src="/images/name-tutorial.jpg" /> <img src="/images/name-tutorial.jpg" />
<a href="/projects/editor/?tip_bar=name"><Button>Animate Your Name</Button></a> <a href="/projects/editor/?tip_bar=name"><Button>Animate Your Name</Button></a>
</div> </div>
</div> </div>
<div className="card" onMouseEnter={this.onCardEnter.bind(null, 'wbb-bg')}> <div className="card" onMouseEnter={this.onCardEnter.bind(this, 'wbb-bg')}>
<div className="card-info"> <div className="card-info">
<img src="/images/hide-seek-tutorial.jpg" /> <img src="/images/hide-seek-tutorial.jpg" />
<a href="/hide"><Button> Hide-and-Seek Game</Button></a> <a href="/hide"><Button> Hide-and-Seek Game</Button></a>
</div> </div>
</div> </div>
<div className="card" onMouseEnter={this.onCardEnter.bind(null, 'dance-bg')}> <div className="card" onMouseEnter={this.onCardEnter.bind(this, 'dance-bg')}>
<div className="card-info"> <div className="card-info">
<img src="/images/dance-tutorial.jpg" /> <img src="/images/dance-tutorial.jpg" />
<a href="/projects/editor/?tip_bar=dance"><Button>Dance, Dance, Dance</Button></a> <a href="/projects/editor/?tip_bar=dance"><Button>Dance, Dance, Dance</Button></a>