From 1544c7aaac4234b0e73a400ffaa7534a0077f37e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 19 Apr 2021 23:45:46 +0200
Subject: artist bios

---
 frontend/site/projects/museum/views/artists.js | 13 +++++++++++--
 frontend/site/projects/museum/views/essay.js   |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

(limited to 'frontend/site/projects/museum/views')

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>
diff --git a/frontend/site/projects/museum/views/essay.js b/frontend/site/projects/museum/views/essay.js
index 8a0d2d4..be5b6fa 100644
--- a/frontend/site/projects/museum/views/essay.js
+++ b/frontend/site/projects/museum/views/essay.js
@@ -143,7 +143,7 @@ const ArtistStatements = ({ essayId, index, isCurrent, language, onClose }) => (
       return (
         <div key={key} className={key}>
           <div className="page-subtitle">{artist.name}</div>
-          <div className="page-content artist-statement" dangerouslySetInnerHTML={{ __html: language === 'de' ? artist.statement_de : artist.statement }} />
+          <div className="page-content artist-statement" dangerouslySetInnerHTML={{ __html: artist.statement[language] }} />
         </div>
       )
     })}
-- 
cgit v1.2.3-70-g09d2