Merge pull request #15 from Ratio1/secondary-plugins

Add multiple secondary plugins to a native job

Author: wzrdx

src/components/create-job/cards/SecondaryPluginsCard.tsx

@@ -1,13 +1,13 @@
 import ContainerSection from '@shared/jobs/deployment-type/ContainerSection';
-import SecondaryPluginSection from './SecondaryPluginSection';
+import GenericSecondaryPluginSections from './GenericSecondaryPluginSections';
 
 export default function CARInputsSection({ index }: { index: number }) {
     const name = `deployment.secondaryPlugins.${index}`;
 
     return (
         <div className="col gap-4">
             <ContainerSection baseName={name} />
-            <SecondaryPluginSection name={name} />
+            <GenericSecondaryPluginSections name={name} />
         </div>
     );
 }

…ts/create-job/cards/CARInputsSection.tsx …b/secondary-plugins/CARInputsSection.tsxsrc/components/create-job/cards/CARInputsSection.tsx renamed to src/components/create-job/secondary-plugins/CARInputsSection.tsx src/components/create-job/cards/CARInputsSection.tsx renamed to src/components/create-job/secondary-plugins/CARInputsSection.tsx

@@ -6,7 +6,7 @@ import AppParametersSection from '../sections/AppParametersSection';
 import PluginEnvVariablesSection from '../sections/PluginEnvVariablesSection';
 import PoliciesSection from '../sections/PoliciesSection';
 
-export default function SecondaryPluginSection({ name }: { name: string }) {
+export default function GenericSecondaryPluginSections({ name }: { name: string }) {
     return (
         <>
             <ConfigSectionTitle title="App Parameters" />

…ate-job/cards/SecondaryPluginSection.tsx …ugins/GenericSecondaryPluginSections.tsxsrc/components/create-job/cards/SecondaryPluginSection.tsx renamed to src/components/create-job/secondary-plugins/GenericSecondaryPluginSections.tsx src/components/create-job/cards/SecondaryPluginSection.tsx renamed to src/components/create-job/secondary-plugins/GenericSecondaryPluginSections.tsx

@@ -0,0 +1,32 @@
+import ConfigSectionTitle from '@components/job/config/ConfigSectionTitle';
+import { pluginSignaturesCustomParams } from '@data/default-values/customParams';
+import { PLUGIN_SIGNATURE_TYPES } from '@data/pluginSignatureTypes';
+import KeyValueEntriesSection from '@shared/jobs/KeyValueEntriesSection';
+import NativeAppIdentitySection from '@shared/jobs/native/NativeAppIdentitySection';
+import { useFormContext } from 'react-hook-form';
+import AppParametersSection from '../sections/AppParametersSection';
+
+export default function NativeInputsSection({ index }: { index: number }) {
+    const name = `deployment.secondaryPlugins.${index}`;
+
+    const { watch } = useFormContext();
+
+    const pluginSignature: (typeof PLUGIN_SIGNATURE_TYPES)[number] = watch(`${name}.pluginSignature`);
+
+    return (
+        <div className="col gap-4">
+            <NativeAppIdentitySection pluginSignature={pluginSignature} baseName={name} />
+
+            <ConfigSectionTitle title="App Parameters" />
+            <AppParametersSection baseName={name} />
+
+            <ConfigSectionTitle title="Custom Parameters" />
+            <KeyValueEntriesSection
+                name={`${name}.customParams`}
+                displayLabel="custom parameters"
+                maxEntries={50}
+                predefinedEntries={pluginSignaturesCustomParams[pluginSignature] ?? []}
+            />
+        </div>
+    );
+}