From 1d0c819e5a23eb16119e288871a0808bf741c3fe Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Thu, 6 May 2021 14:31:28 +0200
Subject: [PATCH] feat: events have note field

---
 client/src/common/input/EditableText.module.css |  2 +-
 client/src/features/editors/list/EventBlock.jsx | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/src/common/input/EditableText.module.css b/client/src/common/input/EditableText.module.css
index 62c53f64f..735435bca 100644
--- a/client/src/common/input/EditableText.module.css
+++ b/client/src/common/input/EditableText.module.css
@@ -9,7 +9,7 @@
 }
 
 .titleUnderlined {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .block {
diff --git a/client/src/features/editors/list/EventBlock.jsx b/client/src/features/editors/list/EventBlock.jsx
index 2a0d2e1c8..833bb85f4 100644
--- a/client/src/features/editors/list/EventBlock.jsx
+++ b/client/src/features/editors/list/EventBlock.jsx
@@ -23,7 +23,7 @@ const areEqual = (prevProps, nextProps) => {
 const EventBlock = (props) => {
   const { data, selected, next, delay, index, eventsHandler } = props;
 
-  const [more, setMore] = useState(false);
+  const [more, setMore] = useState(true);
   const [visible, setVisible] = useState(data.isPublic || false);
 
   // Set visibility indicator
@@ -69,6 +69,10 @@ const EventBlock = (props) => {
     updateValues('presenter', v);
   };
 
+  const handleNoteSubmit = (v) => {
+    updateValues('note', v);
+  };
+
   const handleVisibleToggle = () => {
     let viz = !data.isPublic || !visible;
     updateValues('isPublic', viz);
@@ -119,6 +123,13 @@ const EventBlock = (props) => {
                   submitHandler={handleSubtitleSubmit}
                   underlined
                 />
+                <EditableText
+                  label='note'
+                  defaultValue={data.note}
+                  placeholder='Add note'
+                  submitHandler={handleNoteSubmit}
+                  underlined
+                />
               </div>
             ) : (
               <div className={style.titleContainer}>