From 74888b0fea12020da23ad0825d5d3e55aa6155c4 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 22 Jul 2020 16:53:44 +0200
Subject: adding spot for the viewer

---
 .../app/views/paragraph/paragraph.container.js      | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

(limited to 'animism-align/frontend/app/views/paragraph/paragraph.container.js')

diff --git a/animism-align/frontend/app/views/paragraph/paragraph.container.js b/animism-align/frontend/app/views/paragraph/paragraph.container.js
index ea1c797..71af036 100644
--- a/animism-align/frontend/app/views/paragraph/paragraph.container.js
+++ b/animism-align/frontend/app/views/paragraph/paragraph.container.js
@@ -11,19 +11,17 @@ import { Loader } from 'app/common'
 import ParagraphEditor from './containers/paragraphEditor.container'
 
 class ParagraphContainer extends Component {
+  constructor(props) {
+    super(props)
+    this.handleKeyDown = this.handleKeyDown.bind(this)
+  }
   componentDidMount() {
-    this.bind()
+    document.addEventListener('keydown', this.handleKeyDown)
   }
   componentWillUnmount() {
-    this.unbind()
-  }
-  bind() {
-    document.addEventListener('keydown', this.handleKeydown)
-  }
-  unbind() {
-    document.removeEventListener('keydown', this.handleKeydown)
+    document.removeEventListener('keydown', this.handleKeyDown)
   }
-  handleKeydown(e) {
+  handleKeyDown(e) {
     if (document.activeElement !== document.body) {
       return
     }
@@ -46,7 +44,7 @@ class ParagraphContainer extends Component {
     }
   }
   render() {
-    if (!this.props.annotation.lookup || !this.props.paragraph.lookup) {
+    if (!this.props.loaded) {
       return <div className='body loading'><Loader /></div>
     }
     return (
@@ -58,8 +56,7 @@ class ParagraphContainer extends Component {
 }
 
 const mapStateToProps = state => ({
-  paragraph: state.paragraph.index,
-  annotation: state.annotation.index,
+  loaded: !!state.annotation.lookup && !!state.paragraph.lookup && !!state.media.lookup
 })
 
 const mapDispatchToProps = dispatch => ({
-- 
cgit v1.2.3-70-g09d2