fixes

Author: lucasgoral

src/components/ComponentsSelection/ComponentsSelection.tsx

@@ -21,7 +21,7 @@ import styles from './ComponentsSelection.module.css';
 import { Infobox } from '../Ui/Infobox/Infobox.tsx';
 import { useTranslation } from 'react-i18next';
 import { ComponentSelectionItem } from '../../lib/api/types/crate/createManagedControlPlane.ts';
-import { filterSelectedComponents } from '../Wizards/CreateManagedControlPlaneWizardContainer.tsx';
+import { filterSelectedComponents } from './ComponentsSelectionContainer.tsx';
 
 export interface ComponentsSelectionProps {
   components: ComponentSelectionItem[];

src/components/ComponentsSelection/ComponentsSelectionContainer.tsx

@@ -13,6 +13,20 @@ export interface ComponentsSelectionProps {
   selectedComponents: ComponentSelectionItem[];
   setSelectedComponents: (components: ComponentSelectionItem[]) => void;
 }
+
+export const filterSelectedComponents = (
+  components: ComponentSelectionItem[],
+) =>
+  components.filter(
+    (component) =>
+      component.isSelected &&
+      !(
+        component.name?.includes('provider') &&
+        components?.find(({ name }) => name === 'crossplane')?.isSelected ===
+          false
+      ),
+  );
+
 export const ComponentsSelectionContainer: React.FC<
   ComponentsSelectionProps
 > = ({ setSelectedComponents, selectedComponents }) => {

src/components/Wizards/CreateManagedControlPlaneWizardContainer.tsx

@@ -38,7 +38,10 @@ import { EditMembers } from '../Members/EditMembers.tsx';
 import { useTranslation } from 'react-i18next';
 import { MetadataForm } from '../Dialogs/MetadataForm.tsx';
 import { IllustratedBanner } from '../Ui/IllustratedBanner/IllustratedBanner.tsx';
-import { ComponentsSelectionContainer } from '../ComponentsSelection/ComponentsSelectionContainer.tsx';
+import {
+  ComponentsSelectionContainer,
+  filterSelectedComponents,
+} from '../ComponentsSelection/ComponentsSelectionContainer.tsx';
 import { idpPrefix } from '../../utils/idpPrefix.ts';
 import { CreateDialogProps } from '../Dialogs/CreateWorkspaceDialogContainer.tsx';
 
@@ -64,19 +67,6 @@ const wizardStepOrder: WizardStepType[] = [
   'success',
 ];
 
-export const filterSelectedComponents = (
-  components: ComponentSelectionItem[],
-) =>
-  components.filter(
-    (component) =>
-      component.isSelected &&
-      !(
-        component.name?.includes('provider') &&
-        components?.find(({ name }) => name === 'crossplane')?.isSelected ===
-          false
-      ),
-  );
-
 export const CreateManagedControlPlaneWizardContainer: FC<
   CreateManagedControlPlaneWizardContainerProps
 > = ({ isOpen, setIsOpen, projectName = '', workspaceName = '' }) => {