|  | @@ -1,197 +0,0 @@
 | 
	
		
			
			| 1 |  | -import React, { Component } from 'react'
 | 
	
		
			
			| 2 |  | -import classnames from 'classnames'
 | 
	
		
			
			| 3 |  | -import imgProfil from '../../../img/imgProfil.png'
 | 
	
		
			
			| 4 |  | -
 | 
	
		
			
			| 5 |  | -class Thread extends Component {
 | 
	
		
			
			| 6 |  | -  render () {
 | 
	
		
			
			| 7 |  | -    return (
 | 
	
		
			
			| 8 |  | -      <div className={classnames('wsFileThread wsFileGeneric', {'visible': this.props.visible})}>
 | 
	
		
			
			| 9 |  | -        <div className='wsFileThread__header wsFileGeneric__header'>
 | 
	
		
			
			| 10 |  | -          <div className='wsFileGeneric__header__icon'>
 | 
	
		
			
			| 11 |  | -            <i className='fa fa-comments' />
 | 
	
		
			
			| 12 |  | -          </div>
 | 
	
		
			
			| 13 |  | -
 | 
	
		
			
			| 14 |  | -          <div className='wsFileGeneric__header__text mr-auto'>
 | 
	
		
			
			| 15 |  | -            Discussions à propos du nouveau système de facturation
 | 
	
		
			
			| 16 |  | -          </div>
 | 
	
		
			
			| 17 |  | -
 | 
	
		
			
			| 18 |  | -          <div className='wsFileGeneric__header__close'>
 | 
	
		
			
			| 19 |  | -            <i className='fa fa-times' />
 | 
	
		
			
			| 20 |  | -          </div>
 | 
	
		
			
			| 21 |  | -        </div>
 | 
	
		
			
			| 22 |  | -
 | 
	
		
			
			| 23 |  | -        <div className='wsFileGeneric__option'>
 | 
	
		
			
			| 24 |  | -          <div className='wsFileGeneric__option__menu'>
 | 
	
		
			
			| 25 |  | -            <div className='wsFileGeneric__option__menu__action'>
 | 
	
		
			
			| 26 |  | -              <i className='fa fa-pencil' />
 | 
	
		
			
			| 27 |  | -            </div>
 | 
	
		
			
			| 28 |  | -
 | 
	
		
			
			| 29 |  | -            <div className='wsFileGeneric__option__menu__action'>
 | 
	
		
			
			| 30 |  | -              <i className='fa fa-archive' />
 | 
	
		
			
			| 31 |  | -            </div>
 | 
	
		
			
			| 32 |  | -
 | 
	
		
			
			| 33 |  | -            <div className='wsFileGeneric__option__menu__action'>
 | 
	
		
			
			| 34 |  | -              <i className='fa fa-trash' />
 | 
	
		
			
			| 35 |  | -            </div>
 | 
	
		
			
			| 36 |  | -          </div>
 | 
	
		
			
			| 37 |  | -        </div>
 | 
	
		
			
			| 38 |  | -
 | 
	
		
			
			| 39 |  | -        <div className='wsFileThread__wrapper wsFileGeneric__wrapper'>
 | 
	
		
			
			| 40 |  | -          <ul className='wsFileThread__messagelist wsFileGeneric__messagelist'>
 | 
	
		
			
			| 41 |  | -
 | 
	
		
			
			| 42 |  | -            <li className='wsFileThread__messagelist__item wsFileGeneric__messagelist__item sended'>
 | 
	
		
			
			| 43 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 44 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 45 |  | -              </div>
 | 
	
		
			
			| 46 |  | -
 | 
	
		
			
			| 47 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 48 |  | -                27/11/17 à 11h45
 | 
	
		
			
			| 49 |  | -              </div>
 | 
	
		
			
			| 50 |  | -
 | 
	
		
			
			| 51 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 52 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 53 |  | -              </div>
 | 
	
		
			
			| 54 |  | -            </li>
 | 
	
		
			
			| 55 |  | -
 | 
	
		
			
			| 56 |  | -            <li className='wsFileGeneric__messagelist__item received'>
 | 
	
		
			
			| 57 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 58 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 59 |  | -              </div>
 | 
	
		
			
			| 60 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 61 |  | -                27/11/17 à 11h47
 | 
	
		
			
			| 62 |  | -              </div>
 | 
	
		
			
			| 63 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 64 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 65 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 66 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 67 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 68 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 69 |  | -              </div>
 | 
	
		
			
			| 70 |  | -            </li>
 | 
	
		
			
			| 71 |  | -
 | 
	
		
			
			| 72 |  | -            <li className='wsFileGeneric__messagelist__item sended'>
 | 
	
		
			
			| 73 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 74 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 75 |  | -              </div>
 | 
	
		
			
			| 76 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 77 |  | -                27/11/17 à 11h45
 | 
	
		
			
			| 78 |  | -              </div>
 | 
	
		
			
			| 79 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 80 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 81 |  | -              </div>
 | 
	
		
			
			| 82 |  | -            </li>
 | 
	
		
			
			| 83 |  | -
 | 
	
		
			
			| 84 |  | -            <li className='wsFileGeneric__messagelist__item sended'>
 | 
	
		
			
			| 85 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 86 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 87 |  | -              </div>
 | 
	
		
			
			| 88 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 89 |  | -                27/11/17 à 11h45
 | 
	
		
			
			| 90 |  | -              </div>
 | 
	
		
			
			| 91 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 92 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 93 |  | -              </div>
 | 
	
		
			
			| 94 |  | -            </li>
 | 
	
		
			
			| 95 |  | -
 | 
	
		
			
			| 96 |  | -            <li className='wsFileGeneric__messagelist__item received'>
 | 
	
		
			
			| 97 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 98 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 99 |  | -              </div>
 | 
	
		
			
			| 100 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 101 |  | -                27/11/17 à 11h47
 | 
	
		
			
			| 102 |  | -              </div>
 | 
	
		
			
			| 103 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 104 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 105 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 106 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 107 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 108 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 109 |  | -              </div>
 | 
	
		
			
			| 110 |  | -            </li>
 | 
	
		
			
			| 111 |  | -
 | 
	
		
			
			| 112 |  | -            <li className='wsFileGeneric__messagelist__item received'>
 | 
	
		
			
			| 113 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 114 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 115 |  | -              </div>
 | 
	
		
			
			| 116 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 117 |  | -                27/11/17 à 11h47
 | 
	
		
			
			| 118 |  | -              </div>
 | 
	
		
			
			| 119 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 120 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 121 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 122 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 123 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 124 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 125 |  | -              </div>
 | 
	
		
			
			| 126 |  | -            </li>
 | 
	
		
			
			| 127 |  | -
 | 
	
		
			
			| 128 |  | -            <li className='wsFileGeneric__messagelist__item sended'>
 | 
	
		
			
			| 129 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 130 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 131 |  | -              </div>
 | 
	
		
			
			| 132 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 133 |  | -                27/11/17 à 11h45
 | 
	
		
			
			| 134 |  | -              </div>
 | 
	
		
			
			| 135 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 136 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 137 |  | -              </div>
 | 
	
		
			
			| 138 |  | -            </li>
 | 
	
		
			
			| 139 |  | -
 | 
	
		
			
			| 140 |  | -            <li className='wsFileGeneric__messagelist__item received'>
 | 
	
		
			
			| 141 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 142 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 143 |  | -              </div>
 | 
	
		
			
			| 144 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 145 |  | -                27/11/17 à 11h47
 | 
	
		
			
			| 146 |  | -              </div>
 | 
	
		
			
			| 147 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 148 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 149 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 150 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 151 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 152 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 153 |  | -              </div>
 | 
	
		
			
			| 154 |  | -            </li>
 | 
	
		
			
			| 155 |  | -
 | 
	
		
			
			| 156 |  | -            <li className='wsFileGeneric__messagelist__item sended'>
 | 
	
		
			
			| 157 |  | -              <div className='wsFileGeneric__messagelist__item__avatar'>
 | 
	
		
			
			| 158 |  | -                <img src={imgProfil} alt='avatar' />
 | 
	
		
			
			| 159 |  | -              </div>
 | 
	
		
			
			| 160 |  | -              <div className='wsFileGeneric__messagelist__item__createhour'>
 | 
	
		
			
			| 161 |  | -                27/11/17 à 11h45
 | 
	
		
			
			| 162 |  | -              </div>
 | 
	
		
			
			| 163 |  | -              <div className='wsFileThread__messagelist__item__content wsFileGeneric__messagelist__item__content'>
 | 
	
		
			
			| 164 |  | -                Proident esse laboris in sed officia exercitation ut anim ea.
 | 
	
		
			
			| 165 |  | -              </div>
 | 
	
		
			
			| 166 |  | -            </li>
 | 
	
		
			
			| 167 |  | -          </ul>
 | 
	
		
			
			| 168 |  | -
 | 
	
		
			
			| 169 |  | -          <form className='wsFileThread__texteditor wsFileGeneric__texteditor'>
 | 
	
		
			
			| 170 |  | -            <div className='wsFileThread__texteditor__simpletext wsFileGeneric__texteditor__simpletext input-group'>
 | 
	
		
			
			| 171 |  | -              <input type='text' className='wsFileThread__texteditor__simpletext__input wsFileGeneric__texteditor__simpletext__input form-control' placeholder='...' />
 | 
	
		
			
			| 172 |  | -
 | 
	
		
			
			| 173 |  | -              <div className='wsFileThread__texteditor__simpletext__icon wsFileGeneric__texteditor__simpletext__icon input-group-addon'>
 | 
	
		
			
			| 174 |  | -                <i className='fa fa-font' />
 | 
	
		
			
			| 175 |  | -              </div>
 | 
	
		
			
			| 176 |  | -            </div>
 | 
	
		
			
			| 177 |  | -
 | 
	
		
			
			| 178 |  | -            <div className='wsFileGeneric__texteditor__wysiwyg d-none d-xl-block'>
 | 
	
		
			
			| 179 |  | -              <textarea />
 | 
	
		
			
			| 180 |  | -            </div>
 | 
	
		
			
			| 181 |  | -
 | 
	
		
			
			| 182 |  | -            <div className='wsFileThread__texteditor__submit wsFileGeneric__texteditor__submit d-xl-flex justify-content-xl-center'>
 | 
	
		
			
			| 183 |  | -              <button type='submit' className='wsFileThread__texteditor__submit__btn wsFileGeneric__texteditor__submit__btn btn btn-primary'>
 | 
	
		
			
			| 184 |  | -                Envoyer
 | 
	
		
			
			| 185 |  | -                <div className='wsFileThread__texteditor__submit__btn__icon wsFileGeneric__texteditor__submit__btn__icon'>
 | 
	
		
			
			| 186 |  | -                  <i className='fa fa-paper-plane-o' />
 | 
	
		
			
			| 187 |  | -                </div>
 | 
	
		
			
			| 188 |  | -              </button>
 | 
	
		
			
			| 189 |  | -            </div>
 | 
	
		
			
			| 190 |  | -          </form>
 | 
	
		
			
			| 191 |  | -        </div>
 | 
	
		
			
			| 192 |  | -      </div>
 | 
	
		
			
			| 193 |  | -    )
 | 
	
		
			
			| 194 |  | -  }
 | 
	
		
			
			| 195 |  | -}
 | 
	
		
			
			| 196 |  | -
 | 
	
		
			
			| 197 |  | -export default Thread
 |