add copy functionality

Author: lipalath-ms

UI/web-app/src/components/SourcePart/SourcePart.base.tsx

@@ -11,11 +11,11 @@ import {
   IDropdownOption,
   IProcessedStyleSet,
 } from '@fluentui/react';
-import { DefaultButton, IconButton } from '@fluentui/react/lib/Button';
+import { ActionButton, DefaultButton, IconButton } from '@fluentui/react/lib/Button';
 import { useTheme } from '@fluentui/react/lib/Theme';
 import { SourcePartStyleProps, SourcePartStyles, SourcePartProps } from './SourcePart.types';
 import { AppDispatch } from '../../store';
-import { manageMembershipIsEditingExistingJob, updateSourcePart, updateSourcePartType } from '../../store/manageMembership.slice';
+import { manageMembershipIsEditingExistingJob, updateSourcePart, copySourcePart, updateSourcePartType } from '../../store/manageMembership.slice';
 import { useStrings } from '../../store/hooks';
 import { ISourcePart } from '../../models/ISourcePart';
 import { HRQuerySource } from '../HRQuerySource';
@@ -88,6 +88,19 @@ export const SourcePartBase: React.FunctionComponent<SourcePartProps> = (props:
     }
   }
 
+  const handleCopy = () => {
+    const newQuery: HRSourcePart = {
+      type: SourcePartType.HR,
+      source: part.query.source as HRSourcePartSource,
+      exclusionary: isExclusionary
+    }
+    const newPart: ISourcePart = {
+      id: index + 1,
+      query: newQuery
+    };
+    dispatch(copySourcePart(newPart));
+  };
+
   useEffect(() => {
     setErrorMessage('');
   }, [query, expanded]);
@@ -191,6 +204,13 @@ export const SourcePartBase: React.FunctionComponent<SourcePartProps> = (props:
           <div className={classNames.error}>
             {errorMessage}
           </div>
+          {part.query.type === SourcePartType.HR && (part.query.source.filter !== "" || part.query.source.manager?.id !== undefined) && (totalSourceParts === part.id) && (
+          <ActionButton
+            iconProps={{ iconName: "Copy" }}
+            onClick={handleCopy}>
+            {strings.copy}
+        </ActionButton>
+        )}
         </div>
       }
     </div>

UI/web-app/src/services/localization/IStrings.ts

@@ -316,6 +316,7 @@ export type IStrings = {
       clickHere: string;
     }
   };
+  copy: string;
   remove: string;
   delete: string;
   edit: string;

UI/web-app/src/services/localization/i18n/locales/en/translations.ts

@@ -321,6 +321,7 @@ export const strings: IStrings = {
       clickHere: 'Click here',
     }
   },
+  copy: 'Copy',
   remove: 'Remove',
   delete: 'Delete',
   edit: 'Edit',

UI/web-app/src/services/localization/i18n/locales/es/translations.ts

@@ -325,6 +325,7 @@ export const strings: IStrings = {
       clickHere: 'Haz click aquí',
     }
   },
+  copy: 'Copiar',
   remove: 'Eliminar',
   delete: 'Eliminar',
   edit: 'Editar',

UI/web-app/src/store/manageMembership.slice.tsx

@@ -217,6 +217,11 @@ const manageMembershipSlice = createSlice({
                 };
             }
         },
+
+        copySourcePart: (state, action: PayloadAction<ISourcePart>) => {
+            state.sourceParts.push(action.payload);
+        },
+
         deleteSourcePart: (state, action: PayloadAction<number>) => {
             state.sourceParts = state.sourceParts.filter(part => part.id !== action.payload);
             const compositeQuery = buildCompositeQuery(state.sourceParts);
@@ -287,6 +292,7 @@ export const {
     addSourcePart,
     updateSourcePartType,
     updateSourcePart,
+    copySourcePart,
     deleteSourcePart,
     clearSourceParts,
     setJobDetailsForExistingJob,