use secret while creating resources

Author: debsmita1

frontend/packages/dev-console/src/components/import/git/CreateSourceSecretModal.tsx

@@ -4,24 +4,24 @@ import {
   SourceSecretForm,
   SecretTypeAbstraction,
 } from '@console/internal/components/secrets/create-secret';
-import { createModalLauncher } from '@console/internal/components/factory/modal';
+import {
+  createModalLauncher,
+  ModalComponentProps,
+} from '@console/internal/components/factory/modal';
 
-interface CreateSourceSecretModalProps {
-  cancel: (e: MouseEvent) => void;
-  close: () => void;
-  onSave?: (name: string) => void;
+export interface CreateSourceSecretModalProps {
+  save?: (name: string) => void;
   namespace: string;
 }
 
-const CreateSourceSecretModal: React.FC<CreateSourceSecretModalProps> = ({
-  close,
-  namespace,
-  onSave,
-}) => {
-  const CreateSourceSecretForm = withSecretForm(SourceSecretForm, true);
+type Props = CreateSourceSecretModalProps & ModalComponentProps;
+
+const CreateSourceSecretForm = withSecretForm(SourceSecretForm, true);
+
+const CreateSourceSecretModal: React.FC<Props> = ({ close, namespace, save }) => {
   const handleSave = (name: string) => {
     close();
-    onSave(name);
+    save(name);
   };
   return (
     <CreateSourceSecretForm
@@ -36,6 +36,6 @@ const CreateSourceSecretModal: React.FC<CreateSourceSecretModalProps> = ({
   );
 };
 
-export const sourceSecretModalLauncher = createModalLauncher<CreateSourceSecretModalProps>(
-  CreateSourceSecretModal,
-);
+export const sourceSecretModalLauncher = createModalLauncher<Props>(CreateSourceSecretModal);
+
+export default CreateSourceSecretModal;

frontend/packages/dev-console/src/components/import/git/SourceSecretSelector.tsx

@@ -6,7 +6,7 @@ import { sourceSecretModalLauncher } from './CreateSourceSecretModal';
 
 const CREATE_SOURCE_SECRET = 'create-source-secret';
 
-interface SourceSecretSelectorProps {
+export interface SourceSecretSelectorProps {
   namespace: string;
   helpText: string;
 }
@@ -22,7 +22,7 @@ const SourceSecretSelector: React.FC<SourceSecretSelectorProps> = ({ namespace,
   const handleDropdownChange = (key: string) => {
     if (key === CREATE_SOURCE_SECRET) {
       setFieldValue('git.secret', secret.value);
-      sourceSecretModalLauncher({ namespace, onSave: handleSave });
+      sourceSecretModalLauncher({ namespace, save: handleSave });
     } else {
       setFieldValue('git.secret', key);
     }

frontend/packages/dev-console/src/components/import/import-submit-utils.ts

@@ -47,7 +47,7 @@ export const createBuildConfig = (
     name,
     project: { name: namespace },
     application: { name: application },
-    git: { url: repository, ref = 'master', dir: contextDir },
+    git: { url: repository, ref = 'master', dir: contextDir, secret: secretName },
     image: { tag: selectedTag },
     build: { env, triggers },
     labels: userLabels,
@@ -76,6 +76,7 @@ export const createBuildConfig = (
           ref,
           type: 'Git',
         },
+        ...(secretName ? { sourceSecret: { name: secretName } } : {}),
       },
       strategy: {
         type: 'Source',

frontend/public/components/secrets/create-secret.tsx

@@ -88,7 +88,7 @@ const generateSecret = () => {
 };
 
 // withSecretForm returns SubForm which is a Higher Order Component for all the types of secret forms.
-export const withSecretForm = (SubForm, modal?:boolean) => class SecretFormComponent extends React.Component<BaseEditSecretProps_, BaseEditSecretState_> {
+export const withSecretForm = (SubForm, modal?: boolean) => class SecretFormComponent extends React.Component<BaseEditSecretProps_, BaseEditSecretState_> {
   constructor(props) {
     super(props);
     const existingSecret = _.pick(props.obj, ['metadata', 'type']);
@@ -1044,7 +1044,7 @@ type BaseEditSecretProps_ = {
   saveButtonText?: string;
   explanation: string;
   onCancel?: () => void;
-  onSave?:(name: string) => void;
+  onSave?: (name: string) => void;
 };
 
 type BasicAuthSubformProps = {