web client v1.0 (production)

src/components/Input/SearchPanel.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { makeStyles } from "@material-ui/core/styles";
 import ButtonSecondary from "./ButtonSecondary";
 import TextField from "@material-ui/core/TextField";
@@ -28,6 +28,16 @@ export default function SearchPanel() {
   const dispatch = useDispatch();
   const classes = useStyles();
 
+  useEffect(() => {
+    document.title = "Menui - Food Guide";
+  });
+
+  const keyDown = (event) => {
+    if (event.keyCode === 13) {
+      dispatch(fetchSearch(searchQuery));
+    }
+  };
+
   return (
     <div className="searchPanel">
       <Autocomplete
@@ -41,6 +51,7 @@ export default function SearchPanel() {
             className={classes.root}
             label="Miasto, Nazwa lokalu, ..."
             variant="outlined"
+            onKeyDown={keyDown}
             onChange={(event) => dispatch(setSearchQuery(event.target.value))}
             onInput={(event) => dispatch(fetchAutocomplete(event.target.value))}
           />