client/src/components/Session.js
changeset 174 ac1a026edd58
parent 173 0e6703cd0968
child 191 3f71ad81a5a9
--- a/client/src/components/Session.js	Fri Nov 16 11:19:13 2018 +0100
+++ b/client/src/components/Session.js	Fri Nov 16 17:01:19 2018 +0100
@@ -42,19 +42,19 @@
 
     if (this.state.screenSummary === 0) {
       return (
-        <div>
-        <span onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.protocol_display">Afficher le protocole d'annotation</Trans></span>
-        <SessionSummary notes={this.props.notes} />
-       </div>
+        <React.Fragment>
+          <div onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.protocol_display">Afficher le protocole d'annotation</Trans></div>
+          <SessionSummary notes={this.props.notes} />
+       </React.Fragment>
       );
     }
 
     if (this.state.screenSummary === 1) {
       return (
-      <div>
-        <span onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.summary_display">Afficher le résumé de la session</Trans></span>
-        <ProtocolSummary />
-      </div>
+        <React.Fragment>
+          <div onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.summary_display">Afficher le résumé de la session</Trans></div>
+          <ProtocolSummary annotationCategories={this.props.annotationCategories} />
+        </React.Fragment>
       );
     }
   }
@@ -66,10 +66,14 @@
         <Navbar history={this.props.history} />
         <div className="session-container">
           <div className="session-notes">
-          <div className="notes-affix">
-            <a onClick={this.onClickReadOnly} href="/read-only"><span className="material-icons text-primary">remove_red_eye</span></a>
-              {this.screenSummary()}
-          </div>
+            <div className="notes-affix">
+              <div>
+                <a onClick={this.onClickReadOnly} href="/read-only"><span className="material-icons text-primary">remove_red_eye</span></a>
+              </div>
+              <div className="notes-affix-summary">
+                {this.screenSummary()}
+              </div>
+            </div>
             <div className="notes-list">
               <SessionForm session={this.props.currentSession} />
               <NotesList