Skip to content
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

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

To do app - Jenny A #42

wants to merge 4 commits into from

Conversation

jempa182
Copy link

Copy link
Contributor

@HIPPIEKICK HIPPIEKICK left a 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'
Copy link
Contributor

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
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't forget labels!

Comment on lines +2 to +8
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'
Copy link
Contributor

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)

Copy link
Contributor

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 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants