PolyPaw/habitica-sync
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add ui for create、modify、delete for tasks

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
src/view/Components/Taskview/Habitsview/HabitItem.tsx
View file

@ -15,6 +15,12 @@ function HabitItem(props: any) {
<p className="habit-text"><Emoji text={props.habit_text}></Emoji></p>
<ReactMarkdown children={props.habit_notes} />
</div>
<button className="modify-habit" id={props.id}>
<span className="material-icons md-24">create</span>
</button>
<button className="delete-habit" id={props.id}>
<span className="material-icons md-24">clear</span>
</button>
</div>
)
}

5
src/view/Components/Taskview/Habitsview/index.tsx
View file

@ -13,6 +13,11 @@ export default function Index(props: any){
return <HabitItem key={habit.id} id={habit.id} habit_text={habit.text} habit_notes={habit.notes} upCount={habit.counterUp} downCount={habit.counterDown} onChange={props.onChange}/>
})
const display = <div id="classDisplay">
<div className="add-task-input">
<input type="text">
</input>
<button className="submit-button"><Trans>submit</Trans></button>
</div>
<ul>{allHabits}</ul>
</div>