From d71b61ad71a25c645a027fe760c422a1ab5c9064 Mon Sep 17 00:00:00 2001
From: Danny Avila <110412045+danny-avila@users.noreply.github.com>
Date: Thu, 18 May 2023 15:22:48 -0400
Subject: [PATCH] minor fixes (#318)

* refactor(SearchBar.jsx): extract onChange function to a separate function and add onKeyDown event listener to prevent spacebar from propagating

* refactor(SearchBar.jsx): extract onChange function to a separate function and add onKeyDown event listener to prevent spacebar from propagating

* refactor(SearchBar.jsx): remove unused React import statement
---
 client/src/components/Nav/SearchBar.jsx | 10 +++++++++-
 package-lock.json                       | 13 ++++++++-----
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Nav/SearchBar.jsx b/client/src/components/Nav/SearchBar.jsx
index 4af3e7c177..4ce02b52b5 100644
--- a/client/src/components/Nav/SearchBar.jsx
+++ b/client/src/components/Nav/SearchBar.jsx
@@ -13,6 +13,11 @@ export default function SearchBar({ clearSearch }) {
     }
   };
 
+  const onChange = (e) => {
+    const { value } = e.target;
+    setSearchQuery(value);
+  };
+
   return (
     <div className="flex cursor-pointer items-center gap-3 rounded-md px-3 py-3 text-sm text-white transition-colors duration-200 hover:bg-gray-500/10">
       {<Search className="h-4 w-4" />}
@@ -20,7 +25,10 @@ export default function SearchBar({ clearSearch }) {
         type="text"
         className="m-0 mr-0 w-full border-none bg-transparent p-0 text-sm leading-tight outline-none"
         value={searchQuery}
-        onChange={(e) => setSearchQuery(e.target.value)}
+        onChange={onChange}
+        onKeyDown={(e) => {
+          e.code === 'Space' ? e.stopPropagation() : null;
+        }}
         placeholder="Search messages"
         onKeyUp={handleKeyUp}
       />
diff --git a/package-lock.json b/package-lock.json
index d76ef4fd60..3851016d4e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -59,7 +59,7 @@
         "keyv": "^4.5.2",
         "keyv-file": "^0.2.0",
         "lodash": "^4.17.21",
-        "meilisearch": "^0.31.1",
+        "meilisearch": "^0.32.3",
         "mongoose": "^6.9.0",
         "nodemailer": "^6.9.1",
         "openai": "^3.1.0",
@@ -12419,8 +12419,9 @@
       }
     },
     "node_modules/meilisearch": {
-      "version": "0.31.1",
-      "license": "MIT",
+      "version": "0.32.3",
+      "resolved": "https://registry.npmjs.org/meilisearch/-/meilisearch-0.32.3.tgz",
+      "integrity": "sha512-EOgfBuRE5SiIPIpEDYe2HO0D7a4z5bexIgaAdJFma/dH5hx1kwO+u/qb2g3qKyjG+iA3l8MlmTj/Xd72uahaAw==",
       "dependencies": {
         "cross-fetch": "^3.1.5"
       }
@@ -22633,7 +22634,7 @@
         "keyv": "^4.5.2",
         "keyv-file": "^0.2.0",
         "lodash": "^4.17.21",
-        "meilisearch": "^0.31.1",
+        "meilisearch": "^0.32.3",
         "mongoose": "^6.9.0",
         "nodemailer": "^6.9.1",
         "nodemon": "^2.0.20",
@@ -26496,7 +26497,9 @@
       "version": "0.3.0"
     },
     "meilisearch": {
-      "version": "0.31.1",
+      "version": "0.32.3",
+      "resolved": "https://registry.npmjs.org/meilisearch/-/meilisearch-0.32.3.tgz",
+      "integrity": "sha512-EOgfBuRE5SiIPIpEDYe2HO0D7a4z5bexIgaAdJFma/dH5hx1kwO+u/qb2g3qKyjG+iA3l8MlmTj/Xd72uahaAw==",
       "requires": {
         "cross-fetch": "^3.1.5"
       }