fix: enable search for table groups

Author: artemmufazalov

src/containers/Storage/PaginatedStorageGroups.tsx

@@ -95,6 +95,7 @@ function GroupedStorageGroupsComponent({database, groupId, nodeId}: PaginatedSto
             with: 'all',
             nodeId,
             groupId,
+            filter: searchValue,
             shouldUseGroupsHandler: true,
             group: storageGroupsGroupByParam,
         },
@@ -121,24 +122,28 @@ function GroupedStorageGroupsComponent({database, groupId, nodeId}: PaginatedSto
     };
 
     const renderGroups = () => {
-        return tableGroups?.map(({name, count}) => {
-            return (
-                <TableGroup key={name} title={name} count={count} entityName={i18n('groups')}>
-                    <PaginatedStorageGroupsTable
-                        database={database}
-                        nodeId={nodeId}
-                        filterGroup={name}
-                        filterGroupBy={storageGroupsGroupByParam}
-                        searchValue={searchValue}
-                        visibleEntities={'all'}
-                        onShowAll={handleShowAllGroups}
-                        renderErrorMessage={renderPaginatedTableErrorMessage}
-                        columns={columnsToShow}
-                        initialEntitiesCount={count}
-                    />
-                </TableGroup>
-            );
-        });
+        if (tableGroups?.length) {
+            return tableGroups.map(({name, count}) => {
+                return (
+                    <TableGroup key={name} title={name} count={count} entityName={i18n('groups')}>
+                        <PaginatedStorageGroupsTable
+                            database={database}
+                            nodeId={nodeId}
+                            filterGroup={name}
+                            filterGroupBy={storageGroupsGroupByParam}
+                            searchValue={searchValue}
+                            visibleEntities={'all'}
+                            onShowAll={handleShowAllGroups}
+                            renderErrorMessage={renderPaginatedTableErrorMessage}
+                            columns={columnsToShow}
+                            initialEntitiesCount={count}
+                        />
+                    </TableGroup>
+                );
+            });
+        }
+
+        return i18n('no-groups');
     };
 
     return (

src/containers/Storage/PaginatedStorageNodes.tsx

@@ -106,6 +106,7 @@ function GroupedStorageNodesComponent({database, groupId, nodeId}: PaginatedStor
         {
             database,
             with: 'all',
+            filter: searchValue,
             node_id: nodeId,
             // node_id and group_id params don't work together
             group_id: valueIsDefined(nodeId) ? undefined : groupId,
@@ -134,24 +135,28 @@ function GroupedStorageNodesComponent({database, groupId, nodeId}: PaginatedStor
     };
 
     const renderGroups = () => {
-        return tableGroups?.map(({name, count}) => {
-            return (
-                <TableGroup key={name} title={name} count={count} entityName={i18n('nodes')}>
-                    <PaginatedStorageNodesTable
-                        database={database}
-                        searchValue={searchValue}
-                        visibleEntities={'all'}
-                        nodesUptimeFilter={NodesUptimeFilterValues.All}
-                        onShowAll={handleShowAllNodes}
-                        filterGroup={name}
-                        filterGroupBy={storageNodesGroupByParam}
-                        renderErrorMessage={renderPaginatedTableErrorMessage}
-                        columns={columnsToShow}
-                        initialEntitiesCount={count}
-                    />
-                </TableGroup>
-            );
-        });
+        if (tableGroups?.length) {
+            return tableGroups.map(({name, count}) => {
+                return (
+                    <TableGroup key={name} title={name} count={count} entityName={i18n('nodes')}>
+                        <PaginatedStorageNodesTable
+                            database={database}
+                            searchValue={searchValue}
+                            visibleEntities={'all'}
+                            nodesUptimeFilter={NodesUptimeFilterValues.All}
+                            onShowAll={handleShowAllNodes}
+                            filterGroup={name}
+                            filterGroupBy={storageNodesGroupByParam}
+                            renderErrorMessage={renderPaginatedTableErrorMessage}
+                            columns={columnsToShow}
+                            initialEntitiesCount={count}
+                        />
+                    </TableGroup>
+                );
+            });
+        }
+
+        return i18n('no-nodes');
     };
 
     return (

src/containers/Storage/i18n/en.json

@@ -4,5 +4,8 @@
 
   "controls_groups-search-placeholder": "Group ID, Pool name",
   "controls_nodes-search-placeholder": "Node ID, FQDN",
-  "controls_group-by-placeholder": "Group by:"
+  "controls_group-by-placeholder": "Group by:",
+
+  "no-nodes": "No such nodes",
+  "no-groups": "No such groups"
 }