--- 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