ListPage: clean inputText on search

Issue: AAH-2340

Author: himdel

CHANGES/2340.bugfix

@@ -0,0 +1 @@
+Repositories, Remotes - clean filter text on search

src/components/page/list-page.tsx

@@ -205,11 +205,11 @@ export const ListPage = function <T, ExtraState = Record<string, never>>({
 
       const niceValues = {};
       (filterConfig || [])
-        .filter((filter) => filter['options'] && filter['options'].length > 0)
-        .forEach((item) => {
-          const obj = (niceValues[item['id']] = {});
-          item['options'].forEach((option) => {
-            obj[option.id] = option.title;
+        .filter(({ options }) => options?.length)
+        .forEach(({ id: filterId, options }) => {
+          const obj = (niceValues[filterId] = {});
+          options.forEach(({ id: optionId, title }) => {
+            obj[optionId] = title;
           });
         });
 
@@ -254,7 +254,10 @@ export const ListPage = function <T, ExtraState = Record<string, never>>({
                               onChange={(inputText) =>
                                 this.setState({ inputText })
                               }
-                              updateParams={updateParams}
+                              updateParams={(p) => {
+                                this.setState({ inputText: '' });
+                                updateParams(p);
+                              }}
                               params={params}
                               filterConfig={filterConfig}
                             />

src/components/patternfly-wrappers/compound-filter.tsx

@@ -54,7 +54,6 @@ export class CompoundFilter extends React.Component<IProps, IState> {
   constructor(props) {
     super(props);
 
-    // this is called again in repositories selector, but not in approval page (the same filter is here)...
     this.state = {
       selectedFilter: props.filterConfig[0],
       isExpanded: false,

src/containers/certification-dashboard/certification-dashboard.tsx

@@ -143,8 +143,18 @@ class CertificationDashboard extends React.Component<RouteProps, IState> {
 
       const promises = [];
 
-      promises.push(this.loadRepo('staging'));
-      promises.push(this.loadRepo('rejected'));
+      promises.push(
+        this.loadRepo('staging').then((stagingRepoNames) =>
+          this.setState({
+            stagingRepoNames,
+          }),
+        ),
+      );
+      promises.push(
+        this.loadRepo('rejected').then(([rejectedRepoName]) =>
+          this.setState({ rejectedRepoName }),
+        ),
+      );
 
       promises.push(
         RepositoriesUtils.listApproved()
@@ -171,19 +181,7 @@ class CertificationDashboard extends React.Component<RouteProps, IState> {
 
   private loadRepo(pipeline) {
     return Repositories.list({ pulp_label_select: `pipeline=${pipeline}` })
-      .then((data) => {
-        if (data.data.results.length > 0) {
-          if (pipeline == 'staging') {
-            this.setState({
-              stagingRepoNames: data.data.results.map((res) => res.name),
-            });
-          }
-
-          if (pipeline == 'rejected') {
-            this.setState({ rejectedRepoName: data.data.results[0].name });
-          }
-        }
-      })
+      .then(({ data: { results } }) => (results || []).map(({ name }) => name))
       .catch((error) => {
         this.addAlert(
           t`Error loading repository with label ${pipeline}.`,