onSubmit

IhorKaren · May 4, 2023 · 93914b9 · 93914b9
1 parent 64209cb
commit 93914b9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/App.jsx b/src/components/App.jsx
@@ -74,7 +74,7 @@ export class App extends Component {
     return (
       <Container>
         {this.state.loading && <Loader />}
-        <SearchBar getImages={this.getImages} />
+        <SearchBar onSubmit={this.getImages} />
         <ImageGallery images={images} />
         {showLoadMoreButton ? null : (
           <Button buttonClick={this.handleLoadMoreClick} />

diff --git a/src/components/Searchbar/Searchbar.jsx b/src/components/Searchbar/Searchbar.jsx
@@ -8,7 +8,7 @@ import {
   SearchFormErrorMessage,
 } from './Searchbar.styled';
 
-const SearchBar = ({ getImages }) => {
+const SearchBar = ({ onSubmit }) => {
   const validationSchema = Yup.object().shape({
     imageSearch: Yup.string().trim().required('Search field cannot be empty'),
   });
@@ -19,7 +19,7 @@ const SearchBar = ({ getImages }) => {
         initialValues={{ imageSearch: '' }}
         validationSchema={validationSchema}
         onSubmit={(values, { resetForm }) => {
-          getImages(values.imageSearch.trim());
+          onSubmit(values.imageSearch.trim());
           resetForm();
         }}
       >