From a101f3bb140a93d4449603eafbe065611b8403ac Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sat, 2 Apr 2022 15:03:21 -0400
Subject: [PATCH] Update index.tsx

---
 packages/desktop/src/pages/Home/newConvo/index.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/desktop/src/pages/Home/newConvo/index.tsx b/packages/desktop/src/pages/Home/newConvo/index.tsx
index 000903a..bd4ea65 100644
--- a/packages/desktop/src/pages/Home/newConvo/index.tsx
+++ b/packages/desktop/src/pages/Home/newConvo/index.tsx
@@ -19,7 +19,12 @@ export default function NewConvo() {
   const [userSearchQuery, setuserSearchQuery] = useState<string>("");
   const [debUserSearchQ, setDebUserSearchQ] = useState<string>("");
 
-  const { data, isLoading, isError, refetch } = useUserSearch(debUserSearchQ);
+  const {
+    data,
+    isLoading: isSearching,
+    isError,
+    refetch,
+  } = useUserSearch(debUserSearchQ);
 
   const [debTimeout, setdebTimeout] = useState<any>();
 
@@ -60,8 +65,8 @@ export default function NewConvo() {
   };
 
   return (
-    <div className="flex flex-col items-start">
-      <div className="flex flex-row w-full">
+    <div className="flex flex-col">
+      <div className="flex flex-row">
         <Button onClick={handleGoBack} size="small">
           back
         </Button>
@@ -77,6 +82,8 @@ export default function NewConvo() {
         />
       </div>
 
+      {isSearching ? <span>loading</span> : <></>}
+
       {/* search results list */}
       <div className="flex flex-col">
         {data?.users?.map((user) => renderUserRow(user))}