From a1c9c3ef2ee07767d32cd53fe36ffd9f4ab65e2f Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Thu, 4 Apr 2024 15:20:54 +0530
Subject: [PATCH] fix message search loading

---
 .../features/message-search/MessageSearch.tsx | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/app/features/message-search/MessageSearch.tsx b/src/app/features/message-search/MessageSearch.tsx
index 96aeb8e9..9d625b85 100644
--- a/src/app/features/message-search/MessageSearch.tsx
+++ b/src/app/features/message-search/MessageSearch.tsx
@@ -241,7 +241,7 @@ export function MessageSearch({
         </Box>
       )}
 
-      {msgSearchParams.term && vItems.length === 0 && status === 'success' && (
+      {msgSearchParams.term && groups.length === 0 && status === 'success' && (
         <Box
           className={ContainerColor({ variant: 'Warning' })}
           style={{ padding: config.space.S300, borderRadius: config.radii.R400 }}
@@ -255,18 +255,12 @@ export function MessageSearch({
         </Box>
       )}
 
-      {error && (
-        <Box
-          className={ContainerColor({ variant: 'Critical' })}
-          style={{
-            padding: config.space.S300,
-            borderRadius: config.radii.R400,
-          }}
-          direction="Column"
-          gap="200"
-        >
-          <Text size="L400">{error.name}</Text>
-          <Text size="T300">{error.message}</Text>
+      {((msgSearchParams.term && status === 'pending') ||
+        (groups.length > 0 && vItems.length === 0)) && (
+        <Box direction="Column" gap="100">
+          {[...Array(8).keys()].map((key) => (
+            <SequenceCard variant="SurfaceVariant" key={key} style={{ minHeight: toRem(80) }} />
+          ))}
         </Box>
       )}
 
@@ -322,11 +316,19 @@ export function MessageSearch({
           )}
         </Box>
       )}
-      {msgSearchParams.term && status === 'pending' && (
-        <Box direction="Column" gap="100">
-          {[...Array(8).keys()].map((key) => (
-            <SequenceCard variant="SurfaceVariant" key={key} style={{ minHeight: toRem(80) }} />
-          ))}
+
+      {error && (
+        <Box
+          className={ContainerColor({ variant: 'Critical' })}
+          style={{
+            padding: config.space.S300,
+            borderRadius: config.radii.R400,
+          }}
+          direction="Column"
+          gap="200"
+        >
+          <Text size="L400">{error.name}</Text>
+          <Text size="T300">{error.message}</Text>
         </Box>
       )}
     </Box>