Merge pull request #2826 from devtron-labs/fix/k8s-list

fix: k8s list error state when filters are applied

Author: Elessar1802

src/components/ResourceBrowser/ResourceList/K8SResourceList.tsx

@@ -21,6 +21,7 @@ import {
     abortPreviousRequests,
     ErrorScreenManager,
     FiltersTypeEnum,
+    GenericFilterEmptyState,
     getAIAnalyticsEvents,
     getIsRequestAborted,
     LARGE_PAGE_SIZE_OPTIONS,
@@ -124,7 +125,11 @@ export const K8SResourceList = ({
     const { clusterId } = useParams<K8sResourceListURLParams>()
 
     // STATES
-    const { selectedNamespace = 'all', ...filters } = useUrlFilters<string, K8sResourceListFilterType>({
+    const {
+        selectedNamespace = 'all',
+        clearFilters,
+        ...filters
+    } = useUrlFilters<string, K8sResourceListFilterType>({
         parseSearchParams: parseK8sResourceListSearchParams,
     })
 
@@ -241,11 +246,18 @@ export const K8SResourceList = ({
     if (resourceListError && !isResourceListLoadingWithoutNullState) {
         return (
             <div className="flexbox-col flex-grow-1 border__primary--left">
-                <ErrorScreenManager
-                    code={(resourceListError as ServerErrors).code}
-                    reload={reloadResourceList}
-                    redirectURL={URLS.RESOURCE_BROWSER}
-                />
+                {filters.areFiltersApplied ? (
+                    <GenericFilterEmptyState
+                        title={`No ${selectedResource?.gvk.Kind ?? 'Resource'} found`}
+                        handleClearFilters={clearFilters}
+                    />
+                ) : (
+                    <ErrorScreenManager
+                        code={(resourceListError as ServerErrors).code}
+                        reload={reloadResourceList}
+                        redirectURL={URLS.RESOURCE_BROWSER}
+                    />
+                )}
             </div>
         )
     }