diff options
Diffstat (limited to 'frontend/site/projects/museum/views/artists.js')
| -rw-r--r-- | frontend/site/projects/museum/views/artists.js | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/frontend/site/projects/museum/views/artists.js b/frontend/site/projects/museum/views/artists.js index 989d3f7..20345d0 100644 --- a/frontend/site/projects/museum/views/artists.js +++ b/frontend/site/projects/museum/views/artists.js @@ -9,7 +9,7 @@ import { ArrowLeft, ArrowRight } from "site/projects/museum/icons" export default class Artists extends Component { state = { currentIndex: 0, - detail: true, + detail: false, } constructor(props) { @@ -49,7 +49,7 @@ export default class Artists extends Component { {ARTIST_ORDER.map((key, index) => { const artist = ARTISTS[key] return ( - <div key={key} className="artist-big-name" onClick={() => this.showArtist(currentIndex)}> + <div key={key} className="artist-big-name" onClick={() => this.showArtist(index)}> {artist.name} </div> ) @@ -61,7 +61,8 @@ export default class Artists extends Component { artist={ARTISTS[key]} key={key} index={index} - isCurrent={currentIndex === index} + isCurrent={detail && currentIndex === index} + onClose={() => this.setState({ detail: false })} /> ))} <div className="nav-arrow arrow-left" onClick={this.previousArtist}>{ArrowLeft}</div> @@ -72,7 +73,7 @@ export default class Artists extends Component { } } -const ArtistDetail = ({ artist, index, isCurrent }) => { +const ArtistDetail = ({ artist, index, isCurrent, onClose }) => { return ( <div className={isCurrent ? "artist-detail visible" : "artist-detail"}> <div className="artist-right" style={{ backgroundImage: `url(${artist.image})`}} /> @@ -81,7 +82,7 @@ const ArtistDetail = ({ artist, index, isCurrent }) => { <span dangerouslySetInnerHTML={{ __html: artist.bio }} /> </div> </div> - <div className="artist-detail-name"> + <div className="artist-detail-name" onClick={onClose}> {artist.name} </div> <div className="artist-location">{artist.location}</div> |