diff --git a/src/components/NewMovie/NewMovie.tsx b/src/components/NewMovie/NewMovie.tsx index be7a2122a..9a1ec209d 100644 --- a/src/components/NewMovie/NewMovie.tsx +++ b/src/components/NewMovie/NewMovie.tsx @@ -17,12 +17,8 @@ export const NewMovie: React.FC = ({ onAdd }) => { const [imdbUrl, setImdbUrl] = useState(''); const [imdbId, setimdbId] = useState(''); - const handleSubmit = (event: React.FormEvent) => { - event.preventDefault(); - }; - const reset = () => { - setCount(count + 1); + setCount(current => current + 1); setTitle(''); setDescription(''); setImgUrl(''); @@ -30,10 +26,22 @@ export const NewMovie: React.FC = ({ onAdd }) => { setimdbId(''); }; + const handleSubmit = (event: React.FormEvent) => { + event.preventDefault(); + onAdd({ + title, + description, + imgUrl, + imdbUrl, + imdbId, + }); + reset(); + }; + const checkerButton = !title.trim() - || !imgUrl.trim() - || !imdbUrl.trim() - || !imdbId.trim(); + || !imgUrl.trim() + || !imdbUrl.trim() + || !imdbId.trim(); return (
= ({ onAdd }) => { data-cy="submit-button" className="button is-link" disabled={checkerButton} - onClick={() => { - onAdd({ - title, - description, - imgUrl, - imdbUrl, - imdbId, - }); - reset(); - }} > Add