diff options
Diffstat (limited to 'frontend/site/projects/museum/views/artists.js')
| -rw-r--r-- | frontend/site/projects/museum/views/artists.js | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/frontend/site/projects/museum/views/artists.js b/frontend/site/projects/museum/views/artists.js index be39d61..52a71e3 100644 --- a/frontend/site/projects/museum/views/artists.js +++ b/frontend/site/projects/museum/views/artists.js @@ -59,6 +59,7 @@ export default class Artists extends Component { } render() { + const { language } = this.props const { currentIndex, detail } = this.state return ( <div className="page page-artists"> @@ -80,6 +81,7 @@ export default class Artists extends Component { key={key} index={index} isCurrent={detail && currentIndex === index} + language={language} onClose={() => this.setState({ detail: false })} /> ))} @@ -89,18 +91,25 @@ export default class Artists extends Component { <div className={detail ? "home-link" : "home-link"} onClick={this.goHome}> Home </div> + <div className={detail ? "home-link language-link" : "home-link language-link"} onClick={this.changeLanguage}> + {language === "de" ? ( + <span><b>de</b> / en</span> + ) : ( + <span>de / <b>en</b></span> + )} + </div> </div> ) } } -const ArtistDetail = ({ artist, index, isCurrent, onClose }) => { +const ArtistDetail = ({ artist, index, isCurrent, language, onClose }) => { return ( <div className={isCurrent ? "artist-detail visible" : "artist-detail"}> <div className="artist-right" style={{ backgroundImage: `url(${artist.image})`}} /> <div className="artist-content"> <div className="artist-left"> - <span dangerouslySetInnerHTML={{ __html: artist.bio }} /> + <span dangerouslySetInnerHTML={{ __html: artist.bio[language] }} /> </div> <div className="artist-right" /> </div> |
