probe

iVladyuser · Nov 4, 2023 · 1d5803f · 1d5803f
1 parent 64c89e8
commit 1d5803f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/src/components/App.jsx b/src/components/App.jsx
@@ -27,9 +27,9 @@ function App() {
     addPhotoPage(search, page);
   }, [search, page]);
 
-  const onSubmitSearchBar = event => {
-    event.preventDefault();
-    const form = event.currentTarget;
+  const onSubmitSearchBar = ({form}) => {
+    // event.preventDefault();
+    // const form = event.currentTarget;
     const searchValue = form.search.value
       .trim()
       .toLowerCase()

diff --git a/src/components/Searchbar/Searchbar.jsx b/src/components/Searchbar/Searchbar.jsx
@@ -7,9 +7,14 @@ import {
   SearchFormInput,
 } from './Searchbar.styles';
 
-const Searchbar = ({ onSubmitSearchBar }) => (
+const Searchbar = () => {
+  const handleSubmit = event => {
+    event.preventDefault();
+    const form = event.currentTarget;
+    return form;
+  };
   <SearchbarHeader>
-    <SearchForm onSubmit={onSubmitSearchBar}>
+    <SearchForm onSubmit={handleSubmit}>
       <SearchFormButton type="submit">
         <SearchFormButtonLabel>Search</SearchFormButtonLabel>
         <BiSearch style={{ margin: 10, height: 20, width: 20 }} />
@@ -21,10 +26,10 @@ const Searchbar = ({ onSubmitSearchBar }) => (
         autoComplete="off"
         autoFocus
         placeholder="Search images
-            and photos"
+          and photos"
       ></SearchFormInput>
     </SearchForm>
-  </SearchbarHeader>
-);
+  </SearchbarHeader>;
+};
 
 export default Searchbar;