fix searching screen

src/components/Insights/InsightsCatalog/index.tsx

@@ -88,6 +88,7 @@ export const InsightsCatalog = (props: InsightsCatalogProps) => {
       </s.Toolbar>
       <InsightsPage
         insights={insights}
+        isFilteringEnabled={searchInputValue !== null}
         onJiraTicketCreate={onJiraTicketCreate}
       />
       <s.Footer>

src/components/Insights/InsightsPage/index.tsx

@@ -528,6 +528,13 @@ export const InsightsPage = (props: InsightPageProps) => {
             j === insightIndexWithJiraHint
           );
         })
+      ) : props.isFilteringEnabled ? (
+        <Card
+          header={<>No data found</>}
+          content={
+            <Description>There are no insights for this criteria</Description>
+          }
+        />
       ) : (
         <Card
           header={<>No data yet</>}

src/components/Insights/InsightsPage/types.ts

@@ -2,6 +2,7 @@ import { GenericCodeObjectInsight } from "../types";
 
 export interface InsightPageProps {
   insights: GenericCodeObjectInsight[];
+  isFilteringEnabled: boolean;
   onJiraTicketCreate: (
     insight: GenericCodeObjectInsight,
     spanCodeObjectId?: string

src/components/Insights/common/useInsightsData.ts

@@ -54,6 +54,7 @@ export const useInsightsData = (props: UseInsightDataProps) => {
     });
 
     setIsInitialLoading(true);
+    setIsLoading(true);
     const handleInsightsData = (data: unknown, timeStamp: number) => {
       const insightsData = data as InsightsData;
       insightsData.insightsStatus = InsightsStatus.DEFAULT;

src/components/Insights/index.tsx

@@ -132,7 +132,7 @@ const renderInsightTicket = (
   return null;
 };
 
-const sendMessage = (action: string, data?: any) => {
+const sendMessage = (action: string, data?: object) => {
   return window.sendMessageToDigma({
     action,
     payload: {
@@ -233,19 +233,12 @@ export const Insights = (props: InsightsProps) => {
   };
 
   const renderDefaultContent = (data: InsightsData): JSX.Element => {
-    if (data.insights.length === 0 && !isLoading) {
-      const emptyMsg =
-        query.searchQuery?.length === 0
-          ? "No insights"
-          : "There are no insights for this criteria";
-      return <EmptyState icon={LightBulbSmallCrossedIcon} title={emptyMsg} />;
-    }
     return (
       <InsightsCatalog
         insights={data.insights}
         totalCount={data.totalCount}
         onJiraTicketCreate={handleJiraTicketPopupOpen}
-        onQueryChange={(query) => {
+        onQueryChange={(query: InsightsQuery) => {
           setQuery(query);
         }}
         defaultQuery={DEFAULT_QUERY}