summaryrefslogtreecommitdiff
path: root/frontend/site/projects/museum/views/artists.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/site/projects/museum/views/artists.js')
-rw-r--r--frontend/site/projects/museum/views/artists.js13
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>