client/src/components/SessionForm.js
changeset 148 fcce52a159bc
parent 143 cfcbf4bc66f1
child 151 57d63a248f0d
--- a/client/src/components/SessionForm.js	Mon Aug 27 19:53:40 2018 +0200
+++ b/client/src/components/SessionForm.js	Tue Aug 28 16:57:31 2018 +0200
@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { Collapse } from 'react-bootstrap';
 import '../App.css';
 import * as sessionsActions from '../actions/sessionsActions';
 import * as authActions from '../actions/authActions';
@@ -56,7 +55,7 @@
 
     return (
         <div className="panel-default">
-          <div class="panel-body">
+          <div className="panel-body">
             <form onSubmit={ e => { e.preventDefault() } }>
               <div className="form-group">
                 <label className="control-label">Titre</label>
@@ -84,9 +83,9 @@
               </div>
               <div className="form-group">
                 <label className="control-label" onClick={this.toggleProtocol}>Protocol {this.state.protocolOpen?<span className="material-icons protocol-toggle">&#xE313;</span>:<span className="material-icons protocol-toggle">&#xE315;</span>}</label>
-                <Collapse in={this.state.protocolOpen}>
-                <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre>
-                </Collapse>
+                <div className={ `collapse ${this.state.protocolOpen?'in':''}`} >
+                  <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre>
+                </div>
               </div>
             </form>
           </div>