From 1e39e0d283ad06a4a8212abbe2c817eb6e3f5b91 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 12 Oct 2020 14:44:33 +0200
Subject: toggle script

---
 .../app/views/align/containers/script.container.js | 27 ++++++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

(limited to 'animism-align/frontend/app/views/align/containers')

diff --git a/animism-align/frontend/app/views/align/containers/script.container.js b/animism-align/frontend/app/views/align/containers/script.container.js
index cc340c6..fe3f27b 100644
--- a/animism-align/frontend/app/views/align/containers/script.container.js
+++ b/animism-align/frontend/app/views/align/containers/script.container.js
@@ -6,17 +6,34 @@ import { connect } from 'react-redux'
 import actions from 'app/actions'
 
 class Timeline extends Component {
+  state = {
+    visible: false,
+  }
   constructor(props){
     super(props)
   }
   render() {
     if (this.props.text.loading) return <div />
+    if (!this.state.visible) {
+      return (
+        <div className='script'>
+          <button onClick={() => this.setState({ visible: true })}>
+            +
+          </button>
+        </div>
+      )
+    }
     return (
-      <textarea 
-        className='script'
-        onChange={e => actions.site.updateText(e.target.value)}
-        value={this.props.text}
-      />
+      <div className='script'>
+        <textarea 
+          className='script'
+          onChange={e => actions.site.updateText(e.target.value)}
+          value={this.props.text}
+        />
+        <button onClick={() => this.setState({ visible: false })}>
+          x
+        </button>
+      </div>
     )
   }
 }
-- 
cgit v1.2.3-70-g09d2