add ui for create、modify、delete for tasks
This commit is contained in:
parent
1b468b8454
commit
f350875d90
14 changed files with 138 additions and 36 deletions
|
|
@ -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>
|
||||
)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue