added TextAreaPlugin + refactored .styl files into their own folders

src/component/Input/TextAreaPlugin.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+require('./TextAreaPlugin.styl')
+
+export const TextAreaPlugin = props =>
+  <form className={`${props.customClass} editionmode`}>
+    <textarea className={`${props.customClass}__text editionmode__text`} />
+    <input type='submit' className={`${props.customClass}__submit editionmode__submit`} value='Valider' />
+  </form>
+
+export default TextAreaPlugin

src/component/Input/TextAreaPlugin.styl

@@ -0,0 +1,23 @@
+@import '../../css/Variable.styl'
+
+.editiontitle
+  width 60%
+
+.editionmode
+  display flex
+  flex-direction column
+  align-items center
+  &__text
+    margin-bottom 25px
+    width 100%
+    height 400px
+  &__submit
+    border 1px solid blue
+    box-shadow none
+    border-radius 10px
+    padding 8px 45px
+    background-color transparent
+    color blue
+    &:hover, &:focus
+      background-color blue
+      color off-white

src/component/PopinFixed/PopinFixed.jsx

@@ -5,7 +5,7 @@ import PopinFixedHeader from './PopinFixedHeader.jsx'
 import PopinFixedOption from './PopinFixedOption.jsx'
 import PopinFixedContent from './PopinFixedContent.jsx'
 
-require('../../css/PopinFixed.styl')
+require('./PopinFixed.styl')
 
 const PopinFixed = props => {
   return (

src/css/PopinFixed.styl → src/component/PopinFixed/PopinFixed.styl

@@ -1,4 +1,4 @@
-@import './Variable.styl'
+@import '../../css/Variable.styl'
 
 .wsFileGeneric
   position fixed

src/component/Timeline.jsx → src/component/Timeline/Timeline.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import classnames from 'classnames'
-import imgProfil from '../img/imgProfil.png'
-import imgProfilReverse from '../img/imgProfil-reverse.png'
+import imgProfil from '../../img/imgProfil.png'
+import imgProfilReverse from '../../img/imgProfil-reverse.png'
 
-require('../css/Timeline.styl')
+require('./Timeline.styl')
 
 const Timeline = props => {
   return (

src/css/Timeline.styl → src/component/Timeline/Timeline.styl

@@ -1,4 +1,4 @@
-@import './Variable.styl'
+@import '../../css/Variable.styl'
 
 .timeline
   display flex

src/index.dev.js

@@ -6,7 +6,9 @@ import PopinFixedHeader from './component/PopinFixed/PopinFixedHeader.jsx'
 import PopinFixedOption from './component/PopinFixed/PopinFixedOption.jsx'
 import PopinFixedContent from './component/PopinFixed/PopinFixedContent.jsx'
 
-import Timeline from './component/Timeline.jsx'
+import TextAreaPlugin from './component/Input/TextAreaPlugin.jsx'
+
+import Timeline from './component/Timeline/Timeline.jsx'
 
 ReactDOM.render(
   <PopinFixed customClass={`${'randomClass'}`}>
@@ -20,7 +22,10 @@ ReactDOM.render(
     <PopinFixedOption customClass={`${'randomClass'}`} />
 
     <PopinFixedContent customClass={`${'randomClass'}__contentpage`}>
-      <div>Here will be the plugin content. Style is handled by the plugin (obviously)</div>
+      <div>
+        <span>Here will be the plugin content. Style is handled by the plugin (obviously)</span>
+        <TextAreaPlugin customClass={'randomClass'} />
+      </div>
 
       <Timeline
         customClass={`${'randomClass'}__contentpage`}

src/index.js

@@ -3,7 +3,7 @@ import libPopinFixedHeader from './component/PopinFixed/PopinFixedHeader.jsx'
 import libPopinFixedOption from './component/PopinFixed/PopinFixedOption.jsx'
 import libPopinFixedContent from './component/PopinFixed/PopinFixedContent.jsx'
 
-import libTimeline from './component/Timeline.jsx'
+import libTimeline from './component/Timeline/Timeline.jsx'
 
 export const PopinFixed = libPopinFixed
 export const PopinFixedHeader = libPopinFixedHeader