stepus53/ustk-todolist
1
0
Fork 0
mirror of https://github.com/usatiuk/ustk-todolist.git synced 2025-10-28 23:57:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

devcontainer, fix react-spring

Browse Source
This commit is contained in:
Stepan Usatiuk
2021-03-13 17:57:21 +00:00
parent f96bb50879
commit 7012400a8e
8 changed files with 107 additions and 2459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2444
client/README.md
View File

File diff suppressed because it is too large Load Diff

3
client/src/components/lists/ListActions.js
View File

@@ -90,12 +90,13 @@ export default function ListActions({
restSpeedThreshold: 0.5,
restDisplacementThreshold: 0.5,
}}
items={actions}
keys={actions.map((action) => action({}).key)}
from={{ opacity: 0, height: 0, margin: 0, padding: 0 }}
enter={{ opacity: 1, height: 30, margin: 0, padding: 0 }}
leave={{ opacity: 0, height: 0, margin: 0, padding: 0 }}
>
{actions}
{action => action}
</Transition>
</div>
);

4
client/src/components/todolist/TodoList.js
View File

@@ -42,7 +42,7 @@ export default function TodosContainer({
pointerEvents: "none",
}}
>
{todos.map((todo) => (styles) => (
{todo => (styles) => (
<Todo
key={todo.id}
todo={todo}
@@ -51,7 +51,7 @@ export default function TodosContainer({
removeTodo={() => removeTodo(todo.id)}
editTodo={(text) => editTodo(todo.id, text)}
/>
))}
)}
</Transition>
</ul>
);

6
client/src/components/todolist/TodosView.js
View File

@@ -20,16 +20,18 @@ class Todos extends React.PureComponent {
from={{ opacity: 0, maxHeight: 0 }}
enter={{ opacity: 1, maxHeight: 38 }}
leave={{ opacity: 0, maxHeight: 0 }}
items={list}
>
{list && ((styles) => <Input styles={styles} />)}
{list => list && ((styles) => <Input styles={styles} />)}
</Transition>
<TodoListContainer />
<Transition
from={{ opacity: 0, maxHeight: 0 }}
enter={{ opacity: 1, maxHeight: 32 }}
leave={{ opacity: 0, maxHeight: 0 }}
items={list}
>
{list && Filters}
{list => list && Filters}
</Transition>
</div>
);