fix edit button

This commit is contained in:
kkzzhizhou 2021-11-25 22:30:58 +08:00
parent 0416a4de8c
commit 876fe85f08
5 changed files with 43 additions and 23 deletions

View file

@ -0,0 +1,25 @@
import Emoji from "react-emoji-render";
import * as React from "react";
import ReactMarkdown from "react-markdown";
function EditDailyItem(props: any) {
return (
<div className="edit-todo-item" id={props.id}>
<input type="checkbox" className="checkbox" id={props.id} onChange={props.onChange} checked={props.completed} />
<div className="todo-content">
<p><Emoji text={props.daily_text}></Emoji></p>
<ReactMarkdown children={props.daily_notes} />
</div>
<button className="task-operation" >
<span className="material-icons md-24" id={props.id} onClick={props.onChange}>create</span>
</button>
<button className="task-operation">
<span className="material-icons md-24" id={props.id} onClick={props.onChange}>clear</span>
</button>
</div>
)
}
export default EditDailyItem

View file

@ -1,5 +1,6 @@
import * as React from "react";
import DailyItem from "./DailyItem"
import EditDailyItem from "./EditDailyItem"
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
import { Trans } from 'react-i18next';
@ -24,7 +25,6 @@ export default function Index(props: any) {
return <DailyItem key={daily.id} id={daily.id} daily_text={daily.text} daily_notes={daily.notes} onChange={props.onChange} completed={daily.completed} />
})
const display = <div id="classDisplay">
<Tabs>
<TabList>

View file

@ -1,13 +0,0 @@
import { Emoji } from 'react-emoji-render';
import * as React from "react";
function TodoItem(props: any) {
return (
<div className="todo-item" id={props.id}>
<input type="checkbox" className="checkbox" id={props.id} onChange={props.onChange} checked={props.completed}/>
<Emoji text = {props.todo_text}></Emoji><Emoji text = {props.todo_text}></Emoji>
</div>
)
}
export default TodoItem