🐛 Hide hidden rulesets from seeded hub list

Signed-off-by: ibolton336 <ibolton@redhat.com>
konveyor · Jul 25, 2023 · 59e8e1e · 59e8e1e
1 parent 15e5486
commit 59e8e1e
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 45 deletions.
diff --git a/client/src/app/pages/migration-targets/migration-targets.tsx b/client/src/app/pages/migration-targets/migration-targets.tsx
@@ -45,11 +45,7 @@ export const MigrationTargets: React.FC = () => {
   const { t } = useTranslation();
   const { pushNotification } = React.useContext(NotificationsContext);
 
-  const {
-    rulesets,
-    isFetching: isFetchingrulesets,
-    refetch: refetchrulesets,
-  } = useFetchRulesets();
+  const { rulesets, refetch: refetchrulesets } = useFetchRulesets();
 
   const rulesetOrderSetting = useSetting("ui.ruleset.order");
   const rulesetOrderSettingMutation = useSettingMutation("ui.ruleset.order");
@@ -207,28 +203,34 @@ export const MigrationTargets: React.FC = () => {
         >
           <DndGrid>
             {rulesetOrderSetting.isSuccess &&
-              rulesetOrderSetting.data.map((id) => (
-                <SortableItem
-                  key={id}
-                  id={id}
-                  onEdit={() => {
-                    const matchingRuleset = rulesets.find(
-                      (Ruleset) => Ruleset.id === id
-                    );
-                    if (matchingRuleset) {
-                      openUpdateMigrationTargetModal(matchingRuleset);
-                    }
-                  }}
-                  onDelete={() => {
-                    const matchingRuleset = rulesets.find(
-                      (Ruleset) => Ruleset.id === id
-                    );
-                    if (matchingRuleset?.id) {
-                      deleteRuleset(matchingRuleset.id);
-                    }
-                  }}
-                />
-              ))}
+              rulesetOrderSetting.data.map((id) => {
+                const matchingRuleset = rulesets.find(
+                  (Ruleset) => Ruleset.id === id
+                );
+                if (matchingRuleset) {
+                  return (
+                    <SortableItem
+                      key={id}
+                      id={id}
+                      onEdit={() => {
+                        if (matchingRuleset) {
+                          openUpdateMigrationTargetModal(matchingRuleset);
+                        }
+                      }}
+                      onDelete={() => {
+                        const matchingRuleset = rulesets.find(
+                          (Ruleset) => Ruleset.id === id
+                        );
+                        if (matchingRuleset?.id) {
+                          deleteRuleset(matchingRuleset.id);
+                        }
+                      }}
+                    />
+                  );
+                } else {
+                  return null;
+                }
+              })}
             <div ref={targetsEndRef} />
           </DndGrid>
           <DragOverlay>{activeId ? <Item id={activeId} /> : null}</DragOverlay>

diff --git a/client/src/app/queries/rulesets.ts b/client/src/app/queries/rulesets.ts
@@ -19,25 +19,25 @@ export const useFetchRulesets = () => {
     {
       onError: (err) => console.log(err),
       select: (data) => {
-        return data.map((ruleset) => {
-          const mappedRules = ruleset.rules.map((rule) => {
-            if (ruleset?.name === "rule-example.yaml") {
-              debugger;
-            }
-            const labels = getLabels(rule.labels || []);
+        return data
+          .map((ruleset) => {
+            const mappedRules = ruleset.rules.map((rule) => {
+              const labels = getLabels(rule.labels || []);
 
-            const transformedMetadata: Metadata = {
-              source: labels.sourceLabel,
-              target: labels.targetLabel,
-              otherLabels: labels.otherLabels,
-            };
-            return {
-              ...rule,
-              metadata: transformedMetadata,
-            };
-          });
-          return { ...ruleset, rules: mappedRules };
-        });
+              const transformedMetadata: Metadata = {
+                source: labels.sourceLabel,
+                target: labels.targetLabel,
+                otherLabels: labels.otherLabels,
+              };
+
+              return {
+                ...rule,
+                metadata: transformedMetadata,
+              };
+            });
+            return { ...ruleset, rules: mappedRules };
+          })
+          .filter((ruleset) => !ruleset.name.startsWith("."));
       },
     }
   );