From 738fb7fe16675be24c58cf70a7b893af25ef94ce Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 30 May 2022 06:51:04 -0500
Subject: [PATCH] autocomplete sort of working and not bad!

---
 packages/desktop/src/components/NewConversationDialog.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/desktop/src/components/NewConversationDialog.tsx b/packages/desktop/src/components/NewConversationDialog.tsx
index 56fecd2..09aed1a 100644
--- a/packages/desktop/src/components/NewConversationDialog.tsx
+++ b/packages/desktop/src/components/NewConversationDialog.tsx
@@ -8,6 +8,7 @@ import {
   IconButton,
   InputBase,
   InputLabel,
+  ListItem,
   Select,
   styled,
   TextField,
@@ -79,7 +80,9 @@ export default function NewConversationDialog({
 
   const renderOption = useCallback(
     (props: HTMLAttributes<HTMLLIElement>, option: User, state: AutocompleteRenderOptionState) => (
-      <Typography>{option.email}</Typography>
+      <ListItem {...props}>
+        <Typography>{option.email}</Typography>
+      </ListItem>
     ),
     [],
   );
@@ -112,7 +115,7 @@ export default function NewConversationDialog({
             autoHighlight
             onInputChange={handleChangeSearchInput}
             options={searchUsersResults}
-            // renderOption={renderOption}
+            renderOption={renderOption}
             getOptionLabel={(option) => (typeof option === 'string' ? option : option.displayName)}
             value={selectedUsers}
             onChange={handleSelectUser}