1 import React, { Component } from 'react';

     2 import '../App.css';

     3 import './SessionSummary.css'

     4 

     5 

     6 // const SessionSummary = ({notes}) => (

     7 //   <ul className="list-group sticky-left">

     8 //     {notes.map((note) =>

     9 //       <li className="list-group-item border-0" key={note.get('_id')}>

    10 //           <a href={'#note-' + note.get('_id')}>

    11 //             <small className="note-time text-warning bg-success border-0 text-center">{formatTimestamp(note.startedAt)}</small>

    12 //             <small className="note-length font-weight-bold px-2 text-muted text-center">{_.words(note.plain).length} mots</small>

    13 //             <small className="note-time text-warning bg-success border-0 text-center">{formatTimestamp(note.finishedAt)}</small>

    14 //           </a>

    15 //       </li>

    16 //     )}

    17 //   </ul>

    18 // )

    19 

    20 export default class ProtocolSummary extends Component {

    21   render() {

    22     return (

    23       <div className="mt-5">

    24         <div>

    25         <span className="bg-primary">important</span>

    26         <p className="text-primary">la métacatégorie important</p>

    27         </div>

    28         <div>

    29         <span className="bg-primary">mot-clé</span>

    30         <p className="text-primary">la métacatégorie mot-clé</p>

    31         </div>

    32         <div>

    33         <span className="bg-primary">commentaire</span>

    34         <p className="text-primary">la métacatégorie commentaire</p>

    35         </div>

    36         <div>

    37         <span className="bg-primary">trouble</span>

    38         <p className="text-primary">la métacatégorie trouble</p>

    39         </div>

    40       </div>

    41     );

    42   }

    43 }