added logic for add form

[irahos]

DEMO LINK

[roman-mirzoian]

Good job, but there is quite a bit of work to be done.
Now you can add a movie with empty information by putting empty spaces in each input:
https://gyazo.com/1e46cc4e36099e2b7fbe36b596d76d4e

[roman-mirzoian]

All this should be kept in one state.

[BudnikOleksii]

All this should be kept in one state.

You still have a state for each input, let's create one state for all of them. and one handler to update the state when onChange event is triggered.

Your default state can looks like:

const deafultFormState = {
  title: '',
  description: '',
  imgUrl: '',
  imdbUrl: '',
  imdbId: '',
}

[roman-mirzoian]

Suggested change

	const isDisabled = () => {
	const isAddButtonDisabled = () => {

[roman-mirzoian]

Suggested change

	const submit = (): void => {
	const handleSubmit = (): void => {

[BudnikOleksii]

Good work 👍
But one moment still not fixed, check the comment

[BudnikOleksii]

All this should be kept in one state.

You still have a state for each input, let's create one state for all of them. and one handler to update the state when onChange event is triggered.

Your default state can looks like:

const deafultFormState = {
  title: '',
  description: '',
  imgUrl: '',
  imdbUrl: '',
  imdbId: '',
}

[roman-mirzoian]

Nice work, but be careful with the naming.

[roman-mirzoian]

The function name must begin with a verb.

Suggested change

	const formReset = () => {
	const resetForm = () => {

[roman-mirzoian]

The name should clearly describe what is happening in the handler:

Suggested change

	const handleChange = (name: string, newValue: string) => {
	const handleInputChange = (name: string, newValue: string) => {