--- 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"></span>:<span className="material-icons protocol-toggle"></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>