From c3d083cee972131b31a7a0ccf2422340d5400c26 Mon Sep 17 00:00:00 2001
From: Khavin Shankar <khavinshankar@gmail.com>
Date: Mon, 28 Oct 2024 17:40:01 +0530
Subject: [PATCH 1/2] show avatar in autocomplete conditionally

---
 src/components/Form/FormFields/Autocomplete.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Form/FormFields/Autocomplete.tsx b/src/components/Form/FormFields/Autocomplete.tsx
index 9c9537a7901..e7f53988fce 100644
--- a/src/components/Form/FormFields/Autocomplete.tsx
+++ b/src/components/Form/FormFields/Autocomplete.tsx
@@ -87,6 +87,7 @@ type AutocompleteProps<T, V = T> = {
   isLoading?: boolean;
   allowRawInput?: boolean;
   error?: string;
+  avatar?: boolean;
 } & (
   | {
       required?: false;
@@ -244,11 +245,13 @@ export const Autocomplete = <T, V>(props: AutocompleteProps<T, V>) => {
                         <div className="flex items-center">
                           <div className="flex flex-col">
                             <div className="relative">
-                              <Avatar
-                                className="mr-2 h-11 w-11 rounded-full"
-                                name={option.label}
-                                imageUrl={option.image}
-                              />
+                              {(option.image || props.avatar) && (
+                                <Avatar
+                                  className="mr-2 h-11 w-11 rounded-full"
+                                  name={option.label}
+                                  imageUrl={option.image}
+                                />
+                              )}
                               <span className="absolute bottom-0 right-0 z-10">
                                 {option.icon}
                               </span>

From e5f7b218768f95e67a88ec6c4a2b5134e70b68a9 Mon Sep 17 00:00:00 2001
From: Khavin Shankar <khavinshankar@gmail.com>
Date: Mon, 28 Oct 2024 17:52:07 +0530
Subject: [PATCH 2/2] show avatar for the user autocomplete

---
 src/components/Common/UserAutocompleteFormField.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Common/UserAutocompleteFormField.tsx b/src/components/Common/UserAutocompleteFormField.tsx
index a82174ac25d..626e0cca10f 100644
--- a/src/components/Common/UserAutocompleteFormField.tsx
+++ b/src/components/Common/UserAutocompleteFormField.tsx
@@ -81,6 +81,7 @@ export default function UserAutocomplete(props: UserSearchProps) {
         optionLabel={formatName}
         optionIcon={userOnlineDot}
         optionImage={(option) => option.read_profile_picture_url}
+        avatar
         optionDescription={(option) =>
           `${option.user_type} - ${option.username}`
         }