-
Notifications
You must be signed in to change notification settings - Fork 55
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
To do app - Jenny A #42
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Amazing job Jenny!
@@ -0,0 +1,36 @@ | |||
// components/EmptyState.jsx | |||
import styled from 'styled-components' | |||
import Lottie from 'lottie-react' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice with some lottie animations 🥳
|
||
return ( | ||
<InputWrapper onSubmit={handleSubmit}> | ||
<Input |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Don't forget labels!
import styled from 'styled-components' | ||
import { useState } from 'react' | ||
import { useTodoStore } from '../stores/TodoStore' | ||
import { TodoInput } from '../components/TodoInput' | ||
import { TodoList } from '../components/TodoList' | ||
import Lottie from 'lottie-react' | ||
import todoAnimation from '../assets/todo-animation.json' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Minor thing, but your code looks so good, so I don't have much to comment on 😉
You can order your imports like this:
import { useState } from 'react'
import Lottie from 'lottie-react'
import styled from 'styled-components'
import todoAnimation from '../assets/todo-animation.json'
import { useTodoStore } from '../stores/TodoStore'
import { TodoInput } from '../components/TodoInput'
import { TodoList } from '../components/TodoList'
with external libraries first (with react hooks first for clarity, but the others in albhabetical order).
Secondly assets, then stores, followed by components (in alphabetical order)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Well structured with clear names on your actions and easy-to-follow code 👍
Netlify link
https://everyday-to-do.netlify.app/