r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

#292, when clicking on row in sketch list, navigate to sketch

Browse source
This commit is contained in:
Cassie Tarakajian 2017-02-17 17:29:36 -05:00
parent 38a5d6e100
commit f06ac10f9a
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client/modules/IDE/components/SketchList.jsx
View file

@ -47,7 +47,11 @@ class SketchList extends React.Component {
</thead> </thead>
<tbody> <tbody>
{this.props.sketches.map(sketch => {this.props.sketches.map(sketch =>
<tr className="sketches-table__row visibility-toggle" key={sketch.id}> <tr
className="sketches-table__row visibility-toggle"
key={sketch.id}
onClick={() => browserHistory.push(`/${username}/sketches/${sketch._id}`)}
>
<td className="sketch-list__trash-column"> <td className="sketch-list__trash-column">
{(() => { // eslint-disable-line {(() => { // eslint-disable-line
if (this.props.username === this.props.user.username || this.props.username === undefined) { if (this.props.username === this.props.user.username || this.props.username === undefined) {

1
client/styles/components/_sketch-list.scss
View file

@ -40,6 +40,7 @@
margin: #{10 / $base-font-size}rem; margin: #{10 / $base-font-size}rem;
height: #{72 / $base-font-size}rem; height: #{72 / $base-font-size}rem;
font-size: #{16 / $base-font-size}rem; font-size: #{16 / $base-font-size}rem;
cursor: pointer;
} }
.sketches-table__row:nth-child(odd) { .sketches-table__row:nth-child(odd) {