fix(edge): EE-3092 hide the ability to add edge agents in Docker Desktop extension (#7090)

app/react/components/BoxSelector/BoxSelector.tsx

@@ -20,17 +20,19 @@ export function BoxSelector<T extends number | string>({
 }: Props<T>) {
   return (
     <div className={clsx('boxselector_wrapper', styles.root)} role="radiogroup">
-      {options.map((option) => (
+      {options.map((option) =>
-        <BoxSelectorItem
+        option.hide ? null : (
-          key={option.id}
+          <BoxSelectorItem
-          radioName={radioName}
+            key={option.id}
-          option={option}
+            radioName={radioName}
-          onChange={onChange}
+            option={option}
-          selectedValue={value}
+            onChange={onChange}
-          disabled={option.disabled && option.disabled()}
+            selectedValue={value}
-          tooltip={option.tooltip && option.tooltip()}
+            disabled={option.disabled && option.disabled()}
-        />
+            tooltip={option.tooltip && option.tooltip()}
-      ))}
+          />
+        )
+      )}
     </div>
   );
 }

app/react/components/BoxSelector/types.ts

@@ -10,4 +10,5 @@ export interface BoxSelectorOption<T> extends IconProps {
   disabled?: () => boolean;
   tooltip?: () => string;
   feature?: FeatureId;
+  hide?: boolean;
 }

app/react/portainer/environments/wizard/EnvironmentsCreationView/WizardDocker/WizardDocker.tsx

@@ -44,6 +44,7 @@ const options: BoxSelectorOption<'agent' | 'api' | 'socket' | 'edgeAgent'>[] = [
     label: 'Edge Agent',
     description: '',
     value: 'edgeAgent',
+    hide: window.ddExtension,
   },
 ];
 

app/react/portainer/environments/wizard/EnvironmentsCreationView/WizardKubernetes/WizardKubernetes.tsx

@@ -39,6 +39,7 @@ const options: BoxSelectorOption<
     label: 'Edge Agent',
     description: '',
     value: EnvironmentCreationTypes.EdgeAgentEnvironment,
+    hide: window.ddExtension,
   },
   {
     id: 'kubeconfig_endpoint',