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 ( -
+
{label} 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 ( <>
{selected}
- + {/* */} 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) { Subtitle: {data.subtitle}
-
- Notes: +
+ Note: {data.note}