artist essays

1 files changed, 14 insertions, 0 deletions

diff --git a/frontend/site/projects/museum/views/artists.js b/frontend/site/projects/museum/views/artists.js
index 20345d0..912e0e8 100644
--- a/frontend/site/projects/museum/views/artists.js
+++ b/frontend/site/projects/museum/views/artists.js
@@ -14,6 +14,7 @@ export default class Artists extends Component {
 
   constructor(props) {
     super(props)
+    this.ref = React.createRef()
     this.showArtist = this.showArtist.bind(this)
     this.previousArtist = this.previousArtist.bind(this)
     this.nextArtist = this.nextArtist.bind(this)
@@ -25,6 +26,7 @@ export default class Artists extends Component {
 
   showArtist(currentIndex) {
     this.setState({ detail: true, currentIndex })
+    this.scrollToTop()
   }
 
   previousArtist() {
@@ -38,6 +40,15 @@ export default class Artists extends Component {
   go(step) {
     const currentIndex = (this.state.currentIndex + step + ARTIST_ORDER.length) % ARTIST_ORDER.length
     this.setState({ currentIndex })
+    this.scrollToTop()
+  }
+
+  scrollToTop() {
+    setTimeout(() => {
+      Array.from(this.ref.current.querySelectorAll(".artist-content")).forEach(el => {
+        el.scrollTo(0, 0)
+      })
+    }, 0)
   }
 
   render() {
@@ -81,6 +92,9 @@ const ArtistDetail = ({ artist, index, isCurrent, onClose }) => {
         <div className="artist-left">
           <span dangerouslySetInnerHTML={{ __html: artist.bio }} />
         </div>
+        <div className="artist-right">
+          <span dangerouslySetInnerHTML={{ __html: artist.statement }} />
+        </div>
       </div>
       <div className="artist-detail-name" onClick={onClose}>
         {artist.name}