From 68b723d4ecbc77900c10f130cc77cfda6d3c9dad Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Sun, 13 Jun 2021 14:29:41 +0200
Subject: [PATCH] style: notes

---
 client/src/common/input/EditableText.jsx        | 4 ++--
 client/src/features/editors/list/EventBlock.jsx | 1 +
 client/src/features/info/Info.jsx               | 2 +-
 client/src/features/info/Info.module.css        | 4 ++++
 client/src/features/info/InfoTitle.jsx          | 4 ++--
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/client/src/common/input/EditableText.jsx b/client/src/common/input/EditableText.jsx
index f41d8ad0a..ec8eec120 100644
--- a/client/src/common/input/EditableText.jsx
+++ b/client/src/common/input/EditableText.jsx
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import style from './EditableText.module.css';
 
 export default function EditableText(props) {
-  const { label, defaultValue, placeholder, submitHandler } = props;
+  const { label, defaultValue, placeholder, submitHandler, ...rest } = props;
   const [text, setText] = useState(defaultValue || '');
 
   useEffect(() => {
@@ -22,7 +22,7 @@ export default function EditableText(props) {
   };
 
   return (
-    <div className={style.block}>
+    <div className={style.block} {...rest}>
       <span className={style.title}>{label}</span>
       <Editable
         onChange={(v) => handleChange(v)}
diff --git a/client/src/features/editors/list/EventBlock.jsx b/client/src/features/editors/list/EventBlock.jsx
index 9b26ea583..1da38c68b 100644
--- a/client/src/features/editors/list/EventBlock.jsx
+++ b/client/src/features/editors/list/EventBlock.jsx
@@ -77,6 +77,7 @@ const ExpandedBlock = (props) => {
           label='Note'
           defaultValue={data.note}
           placeholder='Add Note'
+          style={{ color: '#d69e2e' }}
           submitHandler={(v) =>
             actionHandler('update', { field: 'note', value: v })
           }
diff --git a/client/src/features/info/Info.jsx b/client/src/features/info/Info.jsx
index e741f7c32..445dfdf51 100644
--- a/client/src/features/info/Info.jsx
+++ b/client/src/features/info/Info.jsx
@@ -71,7 +71,7 @@ export default function Info() {
   return (
     <>
       <div className={style.main}>{selected}</div>
-      <InfoLogger logData={logData} />
+      {/* <InfoLogger logData={logData} /> */}
       <InfoNif />
       <InfoTitle title={'Now'} data={titlesNow} />
       <InfoTitle title={'Next'} data={titlesNext} />
diff --git a/client/src/features/info/Info.module.css b/client/src/features/info/Info.module.css
index bf5ce6831..314822f08 100644
--- a/client/src/features/info/Info.module.css
+++ b/client/src/features/info/Info.module.css
@@ -30,6 +30,10 @@
   color: #ccc;
 }
 
+.notes {
+  color: #d69e2e;
+}
+
 .if {
   font-size: 0.8em;
   color: #4bffabcc;
diff --git a/client/src/features/info/InfoTitle.jsx b/client/src/features/info/InfoTitle.jsx
index 4c3ab3db1..a6e8a46cb 100644
--- a/client/src/features/info/InfoTitle.jsx
+++ b/client/src/features/info/InfoTitle.jsx
@@ -32,8 +32,8 @@ export default function InfoTitle(props) {
             <span className={style.label}>Subtitle: </span>
             {data.subtitle}
           </div>
-          <div>
-            <span className={style.label}>Notes: </span>
+          <div className={style.notes}>
+            <span className={style.label}>Note: </span>
             {data.note}
           </div>
         </>