1 files changed, 18 insertions, 6 deletions
diff --git a/frontend/site/projects/museum/views/nav.overlay.js b/frontend/site/projects/museum/views/nav.overlay.js
index f9ece7a..d3951cf 100644
--- a/frontend/site/projects/museum/views/nav.overlay.js
+++ b/frontend/site/projects/museum/views/nav.overlay.js
@@ -9,6 +9,7 @@ import JakrawalLinks from './jakrawal.links'
 import TitlesOverlay from './titles.overlay'
 import { ARTISTS, ARTIST_ORDER, PROJECT_PAGE_SET } 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 Counter from './counter'
@@ -19,6 +20,7 @@ export default class NavOverlay extends Component {
     showFooter: false,
     showArtist: false,
     showCounter: false,
+    showMuteButton: false,
     artist: {},
   }
 
@@ -54,6 +56,7 @@ export default class NavOverlay extends Component {
         showArtist: false,
         showCounter: false,
         currentArtist: null,
+        showMuteButton: false,
         artist: {},
       })
     }
@@ -64,6 +67,7 @@ export default class NavOverlay extends Component {
         showArtist: false,
         showCounter: false,
         currentArtist: null,
+        showMuteButton: true,
         artist: {},
       })
     }
@@ -73,6 +77,7 @@ export default class NavOverlay extends Component {
         showFooter: false,
         showArtist: false,
         showCounter: false,
+        showMuteButton: false,
       })
     }
     else if (pathkey in ARTISTS) {
@@ -81,6 +86,7 @@ export default class NavOverlay extends Component {
         showHome: true,
         showFooter: true,
         showArtist: true,
+        showMuteButton: true,
         showCounter: pathkey === 'nilthamrong' && path_chapter !== "home",
         currentArtist: pathkey,
         artist: ARTISTS[pathkey],
@@ -91,6 +97,7 @@ export default class NavOverlay extends Component {
         showFooter: false,
         showCounter: false,
         showArtist: false,
+        showMuteButton: false,
         currentArtist: null,
         artist: {},
       })
@@ -129,15 +136,20 @@ export default class NavOverlay extends Component {
   }
 
   render() {
-    const { showArtist, showHome, showCounter, showFooter, artist } = this.state
+    const { showArtist, showHome, showMuteButton, showCounter, showFooter, artist } = this.state
     return (
       <div className="museum-nav">
         <JakrawalLinks location={this.props.location} match={this.props.match} />
-        {showHome && (
-          <div className="home-link" onClick={this.goHome}>
-            Home
-          </div>
-        )}
+        <div className="home-corner">
+          {showHome && (
+            <div className="home-link" onClick={this.goHome}>
+              Home
+            </div>
+          )}
+          {showMuteButton && (
+            <MuteButton />
+          )}
+        </div>
         {showCounter && <Counter />}
         <TextOverlay location={this.props.location} match={this.props.match} />
         {showFooter && (