1 files changed, 5 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index 67592ca..5bc95f0 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -13,7 +13,8 @@ import './sections/footnotes.css'
 import './transcript/transcript.css'
 import './checklist/checklist.css'
 import './checklist/credits.css'
-import './modals/modals.css'
+import './modals/modals.vitrine.css'
+import './modals/modals.handheld.css'
 import './forms/forms.css'
 import './player/player.container.css'
 import './player/player.fullscreen.css'
@@ -23,6 +24,7 @@ import './viewer.mobile.css'
 
 import { Loader } from 'app/common/loader.component'
 import { ENV_DEVELOPMENT } from 'app/constants'
+import { isHandheld } from 'app/utils'
 
 import NavParent from './nav/nav.parent'
 import ViewerSections from './sections/viewer.sections'
@@ -32,6 +34,7 @@ import Player from './player/player.container'
 import Transcript from './transcript/transcript.container'
 import Checklist from './checklist/checklist.container'
 import VitrineModal from './modals/modals.vitrine'
+import HandheldModal from './modals/modals.handheld'
 
 class ViewerContainer extends Component {
   render() {
@@ -65,7 +68,6 @@ class ViewerContainer extends Component {
     if (viewer.onlyEnableFirstSection) {
       className += ' first-section-only'
     }
-    viewer.onlyEnableFirstSection && viewer.atEndOfSection
     return (
       <div>
         <div className='viewer-parent'>
@@ -79,6 +81,7 @@ class ViewerContainer extends Component {
             {ENV_DEVELOPMENT && <Route exact path='/viewer/:component/' component={ViewerRouter} />}
           </div>
           <VitrineModal />
+          {isHandheld && <HandheldModal />}
         </div>
       </div>
     )