microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

immer'ified

Browse Source
This commit is contained in:
Ken
2019-01-30 15:06:03 -08:00
parent c44af2a38f
commit e3e977a98d
5 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
playground/src/components/TodoApp.tsx
View File

@@ -10,18 +10,19 @@ export interface TodoAppProps {
filter: FilterTypes;
add: (label: string) => void;
remove: (id: string) => void;
complete: (id: string) => void;
setFilter: (filter: FilterTypes) => void;
}
export class TodoApp extends React.Component<TodoAppProps> {
render() {
const { todos, filter, add, remove, setFilter } = this.props;
const { todos, filter, add, remove, setFilter, complete } = this.props;
return (
<Stack horizontalAlign="center">
<Stack style={{ width: 650 }} verticalGap={25}>
<TodoHeader {...{ add, remove, filter }} />
<TodoList {...{ todos, filter }} />
<TodoList {...{ todos, filter, complete }} />
<TodoFooter {...{ todos, setFilter }} />
</Stack>
</Stack>