From 3a97d69b84fa762313c0af3779e031c2234afbaf Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 22 Apr 2021 19:52:03 +0200
Subject: replace the marquee

---
 frontend/site/projects/museum/views/nav.overlay.js | 33 +++++++++++++++++-----
 1 file changed, 26 insertions(+), 7 deletions(-)

(limited to 'frontend/site/projects/museum/views/nav.overlay.js')

diff --git a/frontend/site/projects/museum/views/nav.overlay.js b/frontend/site/projects/museum/views/nav.overlay.js
index 6d06fc3..3e3b8dc 100644
--- a/frontend/site/projects/museum/views/nav.overlay.js
+++ b/frontend/site/projects/museum/views/nav.overlay.js
@@ -1,21 +1,23 @@
 import React, { Component } from 'react'
 import { connect } from 'react-redux'
+import { Link } from 'react-router-dom'
 
 import actions from 'site/actions'
 
 import "./nav.css"
 
-import TextOverlay from './text.overlay'
-import JakrawalLinks from './jakrawal.links'
-import TitlesOverlay from './titles.overlay'
-import Flash from './flash'
-import Marquee from './marquee'
-import LandscapeWarning from './landscape.warning'
 import { ARTISTS, ARTIST_ORDER, PROJECT_PAGE_SET, BACK_TO_KW } from "site/projects/museum/constants"
 import { ArrowLeft, ArrowRight } from "site/projects/museum/icons"
 import MuteButton from "site/audio/mute.button"
 import { history } from "site/store"
+import { isMobile } from "app/utils"
+import LandscapeWarning from './landscape.warning'
 
+import TextOverlay from './text.overlay'
+import JakrawalLinks from './jakrawal.links'
+import TitlesOverlay from './titles.overlay'
+import Flash from './flash'
+import Marquee from './marquee'
 import Counter from './counter'
 
 class NavOverlay extends Component {
@@ -27,6 +29,7 @@ class NavOverlay extends Component {
     showCounter: false,
     showMuteButton: false,
     isProjectPage: false,
+    showHomeFooterLinks: false,
     showClose: false,
     orangeClose: false,
     artist: {},
@@ -68,6 +71,7 @@ class NavOverlay extends Component {
         currentArtist: null,
         showMuteButton: false,
         isProjectPage: false,
+        showHomeFooterLinks: false,
         showClose: true,
         orangeClose: false,
         artist: {},
@@ -83,6 +87,7 @@ class NavOverlay extends Component {
         currentArtist: null,
         showMuteButton: true,
         isProjectPage: false,
+        showHomeFooterLinks: isMobile,
         showClose: true,
         orangeClose: true,
         artist: {},
@@ -96,6 +101,7 @@ class NavOverlay extends Component {
         showArtist: false,
         showCounter: false,
         showMuteButton: false,
+        showHomeFooterLinks: false,
         isProjectPage: true,
         showClose: false,
         orangeClose: false,
@@ -110,6 +116,7 @@ class NavOverlay extends Component {
         showArtist: true,
         showMuteButton: true,
         isProjectPage: false,
+        showHomeFooterLinks: false,
         showClose: false,
         orangeClose: false,
         showCounter: pathkey === 'nilthamrong' && path_chapter !== "home",
@@ -125,6 +132,7 @@ class NavOverlay extends Component {
         showArtist: false,
         showMuteButton: false,
         isProjectPage: false,
+        showHomeFooterLinks: false,
         showClose: false,
         orangeClose: false,
         currentArtist: null,
@@ -172,7 +180,11 @@ class NavOverlay extends Component {
 
   render() {
     const { language } = this.props
-    const { showArtist, showHome, showLanguage, showMuteButton, showCounter, showFooter, showClose, orangeClose, isProjectPage, artist } = this.state
+    const {
+      showHome, showLanguage, showMuteButton,
+      showFooter, showHomeFooterLinks, showClose, orangeClose,
+      showArtist, isProjectPage, artist, showCounter
+    } = this.state
     return (
       <div className="museum-nav">
         <JakrawalLinks location={this.props.location} match={this.props.match} />
@@ -193,6 +205,13 @@ class NavOverlay extends Component {
             <div className="footer no-artist" ref={this.footerRef} />
           )
         )}
+        {showHomeFooterLinks && (
+          <div className="home-footer">
+            <Link to="/last-museum/credits">CREDITS</Link>
+            <Link to="/last-museum/artists">ARTISTS</Link>
+            <Link to="/last-museum/essay">TEXTS</Link>
+          </div>
+        )}
         <Marquee location={this.props.location} match={this.props.match} language={this.props.language} />
         <TitlesOverlay location={this.props.location} match={this.props.match} />
         <div className="home-corner">
-- 
cgit v1.2.3-70-g09d2