add ui for create、modify、delete for tasks

This commit is contained in:
kkzzhizhou 2021-11-22 17:12:08 +08:00
parent 1b468b8454
commit f350875d90
14 changed files with 138 additions and 36 deletions

View file

@ -6,10 +6,17 @@ function DailyItem(props: any) {
return (
<div className="todo-item" id={props.id}>
<input type="checkbox" className="checkbox" id={props.id} onChange={props.onChange} checked={props.completed} />
<div>
<div className="todo-content">
<p><Emoji text={props.daily_text}></Emoji></p>
<ReactMarkdown children={props.daily_notes} />
</div>
<button className="modify-todo" id={props.id}>
<span className="material-icons md-24">create</span>
</button>
<button className="delete-todo" id={props.id}>
<span className="material-icons md-24">clear</span>
</button>
</div>
)