Merge pull request #15734 from logonoff/OCPBUGS-33487-cycles-tokyo-drift

openshift-merge-bot[bot] · web-flow · commit 86c7b34ac46a · 2025-11-20T08:25:38.000Z
OCPBUGS-33487: Fix tsconfig so that VSCode can autocomplete imports correctly
diff --git a/frontend/.vscode/settings.json b/frontend/.vscode/settings.json
@@ -1,31 +1,39 @@
 {
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "[javascript]": {
-    "editor.formatOnSave": true,
+    "editor.formatOnSave": false,
     "editor.codeActionsOnSave": {
       "source.organizeImports": "never",
-      "source.sortImports": "never"
+      "source.sortImports": "never",
+      "source.fixAll.eslint": "explicit",
+      "source.fixAll.ts": "explicit"
     }
   },
   "[javascriptreact]": {
-    "editor.formatOnSave": true,
+    "editor.formatOnSave": false,
     "editor.codeActionsOnSave": {
       "source.organizeImports": "never",
-      "source.sortImports": "never"
+      "source.sortImports": "never",
+      "source.fixAll.eslint": "explicit",
+      "source.fixAll.ts": "explicit"
     }
   },
   "[typescript]": {
-    "editor.formatOnSave": true,
+    "editor.formatOnSave": false,
     "editor.codeActionsOnSave": {
       "source.organizeImports": "never",
-      "source.sortImports": "never"
+      "source.sortImports": "never",
+      "source.fixAll.eslint": "explicit",
+      "source.fixAll.ts": "explicit"
     }
   },
   "[typescriptreact]": {
-    "editor.formatOnSave": true,
+    "editor.formatOnSave": false,
     "editor.codeActionsOnSave": {
       "source.organizeImports": "never",
-      "source.sortImports": "never"
+      "source.sortImports": "never",
+      "source.fixAll.eslint": "explicit",
+      "source.fixAll.ts": "explicit"
     }
   },
   "[json]": {
@@ -45,6 +53,8 @@
     "json",
     "graphql"
   ],
+  "javascript.preferences.quoteStyle": "single",
+  "typescript.preferences.quoteStyle": "single",
   "javascript.validate.enable": false,
   "typescript.tsdk": "./node_modules/typescript/lib",
   "search.exclude": {
@@ -77,14 +87,18 @@
   },
   "json.schemas": [
     {
-      "fileMatch": ["**/console-extensions.json"],
+      "fileMatch": [
+        "**/console-extensions.json"
+      ],
       "url": "./packages/console-dynamic-plugin-sdk/dist/webpack/schema/console-extensions.json"
     }
   ],
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },
-  "cucumberautocomplete.steps": ["./packages/*/integration-tests/support/step-definitions/*/*.ts"],
+  "cucumberautocomplete.steps": [
+    "./packages/*/integration-tests/support/step-definitions/*/*.ts"
+  ],
   "cucumberautocomplete.strictGherkinCompletion": true,
   "editor.quickSuggestions": {
     "comments": "on",
diff --git a/frontend/packages/console-app/src/components/nodes/node-dashboard/InventoryCard.tsx b/frontend/packages/console-app/src/components/nodes/node-dashboard/InventoryCard.tsx
@@ -5,7 +5,8 @@ import { useK8sWatchResource } from '@console/internal/components/utils/k8s-watc
 import { resourcePathFromModel } from '@console/internal/components/utils/resource-link';
 import { PodModel, NodeModel } from '@console/internal/models';
 import { referenceForModel, K8sResourceCommon, K8sKind } from '@console/internal/module/k8s';
-import InventoryItem, {
+import {
+  InventoryItem,
   ResourceInventoryItem,
   StatusGroupMapper,
 } from '@console/shared/src/components/dashboard/inventory-card/InventoryItem';
diff --git a/frontend/packages/console-app/src/components/nodes/node-dashboard/UtilizationCard.tsx b/frontend/packages/console-app/src/components/nodes/node-dashboard/UtilizationCard.tsx
@@ -11,7 +11,7 @@ import {
   humanizeDecimalBytesPerSec,
   humanizeNumber,
 } from '@console/internal/components/utils/units';
-import UtilizationBody from '@console/shared/src/components/dashboard/utilization-card/UtilizationBody';
+import { UtilizationBody } from '@console/shared/src/components/dashboard/utilization-card/UtilizationBody';
 import { UtilizationDurationDropdown } from '@console/shared/src/components/dashboard/utilization-card/UtilizationDurationDropdown';
 import { ByteDataTypes } from '@console/shared/src/graph-helper/data-utils';
 import { getNodeAddresses } from '@console/shared/src/selectors/node';
diff --git a/frontend/packages/console-app/src/components/pdb/PDBAlert.tsx b/frontend/packages/console-app/src/components/pdb/PDBAlert.tsx
@@ -56,5 +56,3 @@ export const PDBAlert: React.FC<PDBAlertProps> = ({ namespace }) => {
     </>
   );
 };
-
-export default PDBAlert;
diff --git a/frontend/packages/console-plugin-sdk/src/api/pluginSubscriptionService.ts b/frontend/packages/console-plugin-sdk/src/api/pluginSubscriptionService.ts
@@ -1,8 +1,8 @@
 import * as _ from 'lodash';
 import { Store } from 'redux';
-import { RootState } from '@console/internal/redux';
+import type { RootState } from '@console/internal/redux';
 import { isExtensionInUse, PluginStore, DynamicPluginInfo } from '../store';
-import { Extension, ExtensionTypeGuard, LoadedExtension } from '../typings';
+import type { Extension, ExtensionTypeGuard, LoadedExtension } from '../typings';
 
 let subscriptionServiceInitialized = false;
 let getPluginStoreInstance: () => PluginStore = () => undefined;
diff --git a/frontend/packages/console-plugin-sdk/src/api/useExtensions.ts b/frontend/packages/console-plugin-sdk/src/api/useExtensions.ts
@@ -1,7 +1,7 @@
 import { useRef, useCallback, useEffect } from 'react';
 import * as _ from 'lodash';
 import { useForceRender } from '@console/shared/src/hooks/useForceRender';
-import { Extension, ExtensionTypeGuard, LoadedExtension } from '../typings';
+import type { Extension, ExtensionTypeGuard, LoadedExtension } from '../typings';
 import { useTranslatedExtensions } from '../utils/useTranslatedExtensions';
 import { subscribeToExtensions } from './pluginSubscriptionService';
 
diff --git a/frontend/packages/console-plugin-sdk/src/utils/extension-i18n.ts b/frontend/packages/console-plugin-sdk/src/utils/extension-i18n.ts
@@ -4,7 +4,7 @@ import {
   PredicateCheck,
   ValueCallback,
 } from '@console/dynamic-plugin-sdk/src/utils/object';
-import { Extension } from '../typings';
+import type { Extension } from '../typings';
 
 export const isTranslatableString = (value): value is string => {
   return (
diff --git a/frontend/packages/console-shared/src/components/dashboard/inventory-card/InventoryItem.tsx b/frontend/packages/console-shared/src/components/dashboard/inventory-card/InventoryItem.tsx
@@ -295,8 +295,6 @@ export const ResourceInventoryItem: React.FC<ResourceInventoryItemProps> = ({
   );
 };
 
-export default InventoryItem;
-
 type StatusGroup = {
   [key in InventoryStatusGroup | string]: {
     filterType?: string;
diff --git a/frontend/packages/console-shared/src/components/dashboard/utilization-card/UtilizationBody.tsx b/frontend/packages/console-shared/src/components/dashboard/utilization-card/UtilizationBody.tsx
@@ -63,5 +63,3 @@ export const UtilizationBody: React.FCC<UtilizationBodyProps> = ({ children }) =
     </div>
   );
 };
-
-export default UtilizationBody;
diff --git a/frontend/packages/console-shared/src/hooks/useUserSettings.ts b/frontend/packages/console-shared/src/hooks/useUserSettings.ts
@@ -4,8 +4,8 @@ import { useSelector } from 'react-redux';
 import { UseUserSettings, getImpersonate, getUser } from '@console/dynamic-plugin-sdk';
 import { useK8sWatchResource } from '@console/internal/components/utils/k8s-watch-hook';
 import { ConfigMapModel } from '@console/internal/models';
-import { K8sResourceKind } from '@console/internal/module/k8s';
-import { RootState } from '@console/internal/redux';
+import type { K8sResourceKind } from '@console/internal/module/k8s';
+import type { RootState } from '@console/internal/redux';
 import {
   createConfigMap,
   deserializeData,
diff --git a/frontend/packages/dev-console/integration-tests/support/pages/add-flow/git-page.ts b/frontend/packages/dev-console/integration-tests/support/pages/add-flow/git-page.ts
@@ -1,6 +1,6 @@
 import { getResponseMocks, gitImportRepos } from '../../../testData/git-import/repos';
 import { gitAdvancedOptions, buildConfigOptions, builderImages, messages } from '../../constants';
-import { gitPO } from '../../pageObjects';
+import { gitPO } from '../../pageObjects/add-flow-po';
 import { app } from '../app';
 
 export const gitPage = {
diff --git a/frontend/packages/dev-console/integration-tests/support/pages/app.ts b/frontend/packages/dev-console/integration-tests/support/pages/app.ts
@@ -2,16 +2,11 @@ import { detailsPage } from '@console/cypress-integration-tests/views/details-pa
 import { guidedTour } from '@console/cypress-integration-tests/views/guided-tour';
 import { modal } from '@console/cypress-integration-tests/views/modal';
 import { nav } from '@console/cypress-integration-tests/views/nav';
+import { topologyPO } from '@console/topology/integration-tests/support/page-objects/topology-po';
 import * as yamlView from '../../../../integration-tests-cypress/views/yaml-editor';
 import { devNavigationMenu, switchPerspective, pageTitle, adminNavigationBar } from '../constants';
-import {
-  devNavigationMenuPO,
-  formPO,
-  gitPO,
-  yamlPO,
-  topologyPO,
-  adminNavigationMenuPO,
-} from '../pageObjects';
+import { gitPO, yamlPO } from '../pageObjects/add-flow-po';
+import { adminNavigationMenuPO, formPO, devNavigationMenuPO } from '../pageObjects/global-po';
 import { userPreferencePO } from '../pageObjects/userPreference-po';
 
 export const app = {
diff --git a/frontend/packages/integration-tests-cypress/views/nav.ts b/frontend/packages/integration-tests-cypress/views/nav.ts
@@ -1,5 +1,6 @@
 import { switchPerspective } from '@console/dev-console/integration-tests/support/constants';
-import { app } from '@console/dev-console/integration-tests/support/pages';
+// eslint-disable-next-line import/no-cycle
+import { app } from '@console/dev-console/integration-tests/support/pages/app';
 import { checkDeveloperPerspective } from '@console/dev-console/integration-tests/support/pages/functions/checkDeveloperPerspective';
 
 export const nav = {
diff --git a/frontend/packages/knative-plugin/integration-tests/support/step-definitions/serverless/domain-mapping.ts b/frontend/packages/knative-plugin/integration-tests/support/step-definitions/serverless/domain-mapping.ts
@@ -8,13 +8,12 @@ import {
   gitPage,
   navigateTo,
 } from '@console/dev-console/integration-tests/support/pages';
-import { eventingPO } from '@console/knative-plugin/integration-tests/support/pageObjects/global-po';
 import {
   topologyPage,
   topologySidePane,
 } from '@console/topology/integration-tests/support/pages/topology';
 import { formPO } from '../../../../../dev-console/integration-tests/support/pageObjects/global-po';
-import { domainPO } from '../../pageObjects/global-po';
+import { eventingPO, domainPO } from '../../pageObjects/global-po';
 import { functionsPage } from '../../pages/functions/functions-page';
 
 When('user enters Domain mapping as {string}', (domain: string) => {
diff --git a/frontend/packages/metal3-plugin/src/components/baremetal-hosts/dashboard/InventoryCard.tsx b/frontend/packages/metal3-plugin/src/components/baremetal-hosts/dashboard/InventoryCard.tsx
@@ -6,7 +6,8 @@ import { useK8sWatchResource } from '@console/internal/components/utils/k8s-watc
 import { resourcePathFromModel } from '@console/internal/components/utils/resource-link';
 import { PodModel, NodeModel } from '@console/internal/models';
 import { PodKind } from '@console/internal/module/k8s/types';
-import InventoryItem, {
+import {
+  InventoryItem,
   ResourceInventoryItem,
 } from '@console/shared/src/components/dashboard/inventory-card/InventoryItem';
 import { getPodStatusGroups } from '@console/shared/src/components/dashboard/inventory-card/utils';
diff --git a/frontend/packages/metal3-plugin/src/components/baremetal-hosts/dashboard/UtilizationCard.tsx b/frontend/packages/metal3-plugin/src/components/baremetal-hosts/dashboard/UtilizationCard.tsx
@@ -13,7 +13,7 @@ import {
 import { PodModel, ProjectModel } from '@console/internal/models';
 import { getMachineNodeName } from '@console/shared';
 import ConsumerPopover from '@console/shared/src/components/dashboard/utilization-card/TopConsumerPopover';
-import UtilizationBody from '@console/shared/src/components/dashboard/utilization-card/UtilizationBody';
+import { UtilizationBody } from '@console/shared/src/components/dashboard/utilization-card/UtilizationBody';
 import { UtilizationDurationDropdown } from '@console/shared/src/components/dashboard/utilization-card/UtilizationDurationDropdown';
 import { ByteDataTypes } from '@console/shared/src/graph-helper/data-utils';
 import { BareMetalHostDashboardContext } from './BareMetalHostDashboardContext';
diff --git a/frontend/packages/operator-lifecycle-manager/src/components/cluster-service-version-logo.tsx b/frontend/packages/operator-lifecycle-manager/src/components/cluster-service-version-logo.tsx
@@ -2,9 +2,8 @@ import * as React from 'react';
 import { Title } from '@patternfly/react-core';
 import * as _ from 'lodash';
 import { useTranslation } from 'react-i18next';
-import { DeprecatedOperatorWarning } from '@console/operator-lifecycle-manager/src/types';
 import operatorLogo from '../operator.svg';
-import { ClusterServiceVersionIcon } from '../types';
+import type { ClusterServiceVersionIcon, DeprecatedOperatorWarning } from '../types';
 import { DeprecatedOperatorWarningBadge } from './deprecated-operator-warnings/deprecated-operator-warnings';
 
 type ClusterServiceVersionHeaderIconProps = {
diff --git a/frontend/packages/operator-lifecycle-manager/src/components/deprecated-operator-warnings/deprecated-operator-warnings.tsx b/frontend/packages/operator-lifecycle-manager/src/components/deprecated-operator-warnings/deprecated-operator-warnings.tsx
@@ -2,8 +2,7 @@ import * as React from 'react';
 import { Label, Alert, Tooltip, AlertActionCloseButton } from '@patternfly/react-core';
 import { useTranslation } from 'react-i18next';
 import { YellowExclamationTriangleIcon } from '@console/dynamic-plugin-sdk/src/api/core-api';
-import { DeprecatedOperatorWarning } from '@console/operator-lifecycle-manager/src/types';
-import { SubscriptionKind } from '../../types';
+import type { DeprecatedOperatorWarning, SubscriptionKind } from '../../types';
 
 export enum DeprecatedOperatorType {
   PackageDeprecated = 'PackageDeprecated',
diff --git a/frontend/packages/pipelines-plugin/integration-tests/support/pages/functions/common.ts b/frontend/packages/pipelines-plugin/integration-tests/support/pages/functions/common.ts
@@ -1,6 +1,6 @@
 import { guidedTour } from '@console/cypress-integration-tests/views/guided-tour';
 import { actionsMenu } from '@console/dev-console/integration-tests/support/pageObjects';
-import { app } from '@console/dev-console/integration-tests/support/pages';
+import { app } from '@console/dev-console/integration-tests/support/pages/app';
 
 export const actionsDropdownMenu = {
   verifyActionsMenu: () => cy.get(actionsMenu).should('be.visible'),
diff --git a/frontend/packages/pipelines-plugin/integration-tests/support/pages/pipelines/pipelines-page.ts b/frontend/packages/pipelines-plugin/integration-tests/support/pages/pipelines/pipelines-page.ts
@@ -2,7 +2,7 @@ import { detailsPage } from '@console/cypress-integration-tests/views/details-pa
 import { modal } from '@console/cypress-integration-tests/views/modal';
 import * as yamlEditor from '@console/cypress-integration-tests/views/yaml-editor';
 import { pageTitle } from '@console/dev-console/integration-tests/support/constants';
-import { app } from '@console/dev-console/integration-tests/support/pages';
+import { app } from '@console/dev-console/integration-tests/support/pages/app';
 import { pipelineActions, pipelineTabs } from '../../constants/pipelines';
 import { pipelinesPO, pipelineBuilderPO } from '../../page-objects/pipelines-po';
 
diff --git a/frontend/packages/pipelines-plugin/integration-tests/support/pages/pipelines/repositoryDetails-page.ts b/frontend/packages/pipelines-plugin/integration-tests/support/pages/pipelines/repositoryDetails-page.ts
@@ -1,4 +1,4 @@
-import { yamlEditor } from '@console/dev-console/integration-tests/support/pages';
+import { yamlEditor } from '@console/dev-console/integration-tests/support/pages/app';
 import { repositoryDetailsTabs } from '../../constants';
 import { repositoryDetailsPO } from '../../page-objects';
 
diff --git a/frontend/packages/pipelines-plugin/src/components/import/pipeline/PipelineTemplate.tsx b/frontend/packages/pipelines-plugin/src/components/import/pipeline/PipelineTemplate.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Alert, ExpandableSection, Tooltip } from '@patternfly/react-core';
 import { useFormikContext, FormikValues } from 'formik';
 import i18next from 'i18next';
@@ -9,21 +9,22 @@ import {
   ReadableResourcesNames,
 } from '@console/dev-console/src/components/import/import-types';
 import { NormalizedBuilderImages } from '@console/dev-console/src/utils/imagestream-utils';
+import { BlueInfoCircleIcon } from '@console/dynamic-plugin-sdk/src/app/components/status/icons';
 import { GitProvider, getGitService } from '@console/git-service/src';
 import { LoadingInline } from '@console/internal/components/utils';
 import { k8sList } from '@console/internal/module/k8s';
 import {
-  FLAG_OPENSHIFT_PIPELINE_AS_CODE,
-  FUNC_PIPELINE_RUNTIME_LABEL,
-} from '@console/pipelines-plugin/src/const';
-import {
-  BlueInfoCircleIcon,
   CheckboxField,
   DropdownField,
   RadioGroupField,
-  useFlag,
-} from '@console/shared';
-import { CLUSTER_PIPELINE_NS, PIPELINE_RUNTIME_LABEL } from '../../../const';
+} from '@console/shared/src/components/formik-fields';
+import { useFlag } from '@console/shared/src/hooks/flag';
+import {
+  CLUSTER_PIPELINE_NS,
+  PIPELINE_RUNTIME_LABEL,
+  FLAG_OPENSHIFT_PIPELINE_AS_CODE,
+  FUNC_PIPELINE_RUNTIME_LABEL,
+} from '../../../const';
 import { PipelineModel } from '../../../models';
 import { PipelineKind } from '../../../types';
 import PipelineVisualization from '../../pipelines/detail-page-tabs/pipeline-details/PipelineVisualization';
@@ -55,14 +56,14 @@ type PipelineTemplateProps = {
   existingPipeline?: PipelineKind;
 };
 
-const PipelineTemplate: React.FC<PipelineTemplateProps> = ({ builderImages, existingPipeline }) => {
+const PipelineTemplate: FC<PipelineTemplateProps> = ({ builderImages, existingPipeline }) => {
   const { t } = useTranslation();
-  const [noTemplateForRuntime, setNoTemplateForRuntime] = React.useState(false);
-  const [isPacRepo, setIsPacRepo] = React.useState(false);
-  const [isPipelineTypeChanged, setIsPipelineTypeChanged] = React.useState(false);
-  const [isExpanded, setIsExpanded] = React.useState(false);
-  const [pipelineTemplates, setPipelineTemplates] = React.useState([]);
-  const pipelineStorageRef = React.useRef<{ [image: string]: PipelineKind[] }>({});
+  const [noTemplateForRuntime, setNoTemplateForRuntime] = useState(false);
+  const [isPacRepo, setIsPacRepo] = useState(false);
+  const [isPipelineTypeChanged, setIsPipelineTypeChanged] = useState(false);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [pipelineTemplates, setPipelineTemplates] = useState([]);
+  const pipelineStorageRef = useRef<{ [image: string]: PipelineKind[] }>({});
   const isRepositoryEnabled = useFlag(FLAG_OPENSHIFT_PIPELINE_AS_CODE);
 
   const {
@@ -88,7 +89,7 @@ const PipelineTemplate: React.FC<PipelineTemplateProps> = ({ builderImages, exis
       .sort()
       .join(',');
 
-  const handlePipelineTypeChange = React.useCallback(async () => {
+  const handlePipelineTypeChange = useCallback(async () => {
     const gitService = url && getGitService(url, type, ref, dir, secretResource);
     const disallowedPacGitTypes = [GitProvider.GITEA];
     const isPacRepository =
@@ -112,26 +113,26 @@ const PipelineTemplate: React.FC<PipelineTemplateProps> = ({ builderImages, exis
     setIsPipelineTypeChanged(true);
   }, [url, type, ref, dir, secretResource, isRepositoryEnabled, setFieldValue]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     pipelineStorageRef.current = {};
   }, [selectedStrategy]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     setFieldValue('pac.pipelineEnabled', !!pipeline.enabled);
     // Added setTimeout to re-validate yup validation after onchange event
     setTimeout(() => {
       setFieldTouched('pipeline.enabled', true);
     }, 0);
   }, [pipeline.enabled, setFieldValue, setFieldTouched]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (buildOption === BuildOptions.PIPELINES) {
       setFieldValue('pipeline.enabled', true);
       setFieldValue('pac.pipelineEnabled', true);
     }
   }, [buildOption, setFieldValue]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     let ignore = false;
 
     const builderPipelineLabel = { [PIPELINE_RUNTIME_LABEL]: image.selected };
@@ -223,7 +224,7 @@ const PipelineTemplate: React.FC<PipelineTemplateProps> = ({ builderImages, exis
     isPipelineTypeChanged,
   ]);
 
-  const pipelineTemplateItems = React.useMemo(() => {
+  const pipelineTemplateItems = useMemo(() => {
     const items = {};
     for (const img of pipelineTemplates) {
       const { name } = img.metadata;
diff --git a/frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-builder/const.ts b/frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-builder/const.ts
@@ -1,6 +1,5 @@
 import i18n from 'i18next';
-// eslint-disable-next-line import/no-cycle
-import { PipelineBuilderFormValues } from './types';
+import type { PipelineBuilderFormValues } from './types';
 
 export const STATUS_KEY_NAME_ERROR = 'taskError';
 
diff --git a/frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-builder/types.ts b/frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-builder/types.ts
@@ -9,7 +9,6 @@ import {
   WhenExpression,
 } from '../../../types';
 import { AddNodeDirection } from '../pipeline-topology/const';
-// eslint-disable-next-line import/no-cycle
 import { UpdateOperationType } from './const';
 
 export type TaskType = 'tasks' | 'finallyTasks';
diff --git a/frontend/packages/topology/integration-tests/support/pages/topology/topology-helper-page.ts b/frontend/packages/topology/integration-tests/support/pages/topology/topology-helper-page.ts
diff --git a/frontend/packages/topology/integration-tests/support/pages/topology/topology-page.ts b/frontend/packages/topology/integration-tests/support/pages/topology/topology-page.ts
diff --git a/frontend/packages/topology/integration-tests/support/pages/topology/topology-side-pane-page.ts b/frontend/packages/topology/integration-tests/support/pages/topology/topology-side-pane-page.ts
diff --git a/frontend/packages/topology/src/components/list-view/listViewComponentFactory.ts b/frontend/packages/topology/src/components/list-view/listViewComponentFactory.ts
diff --git a/frontend/packages/topology/src/filters/TopologyFilterBar.tsx b/frontend/packages/topology/src/filters/TopologyFilterBar.tsx
diff --git a/frontend/public/components/dashboard/dashboards-page/cluster-dashboard/utilization-card.tsx b/frontend/public/components/dashboard/dashboards-page/cluster-dashboard/utilization-card.tsx
diff --git a/frontend/public/components/dashboard/project-dashboard/utilization-card.tsx b/frontend/public/components/dashboard/project-dashboard/utilization-card.tsx
diff --git a/frontend/public/components/useFavoritesOptions.ts b/frontend/public/components/useFavoritesOptions.ts
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json

-Original file line number
+Diff line change
     </>
   );
 };
+-
 -export default PDBAlert;