Added duplicate mutation to mha

Author: Katelyn Grimes

src/components/Reports/MinisterHousingAllowance/MinisterHousingAllowance.graphql

@@ -160,3 +160,28 @@ mutation SubmitMinistryHousingAllowanceRequest(
     }
   }
 }
+
+mutation DuplicateMinistryHousingAllowanceRequest(
+  $input: DuplicateMinistryHousingAllowanceRequestMutationInput!
+) {
+  duplicateMinistryHousingAllowanceRequest(input: $input) {
+    ministryHousingAllowanceRequest {
+      id
+      requestAttributes {
+        rentOrOwn
+        rentalValue
+        furnitureCostsOne
+        avgUtilityOne
+        mortgageOrRentPayment
+        furnitureCostsTwo
+        repairCosts
+        avgUtilityTwo
+        unexpectedExpenses
+        overallAmount
+        phoneNumber
+        emailAddress
+        iUnderstandMhaPolicy
+      }
+    }
+  }
+}

src/components/Reports/MinisterHousingAllowance/SharedComponents/CurrentBoardApproved.test.tsx

@@ -1,8 +1,11 @@
 import React from 'react';
 import { ThemeProvider } from '@mui/material/styles';
-import { render } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import TestRouter from '__tests__/util/TestRouter';
+import { GqlMockedProvider } from '__tests__/util/graphqlMocking';
 import theme from 'src/theme';
+import { DuplicateMinistryHousingAllowanceRequestMutation } from '../MinisterHousingAllowance.generated';
 import {
   ContextType,
   HcmData,
@@ -11,11 +14,21 @@ import {
 import { mockMHARequest } from '../mockData';
 import { CurrentBoardApproved } from './CurrentBoardApproved';
 
+const newRequestId = 'new-request-id';
+const mutationSpy = jest.fn();
+const mockPush = jest.fn();
 interface TestComponentProps {
   contextValue: Partial<ContextType>;
+  router?: {
+    push?: jest.Mock;
+    query?: { accountListId?: string };
+  };
 }
 
-const TestComponent: React.FC<TestComponentProps> = ({ contextValue }) => {
+const TestComponent: React.FC<TestComponentProps> = ({
+  contextValue,
+  router = {},
+}) => {
   const approvedMHARequest = {
     ...mockMHARequest,
     updatedAt: '2022-12-01',
@@ -30,12 +43,18 @@ const TestComponent: React.FC<TestComponentProps> = ({ contextValue }) => {
 
   return (
     <ThemeProvider theme={theme}>
-      <TestRouter>
-        <MinisterHousingAllowanceContext.Provider
-          value={contextValue as ContextType}
+      <TestRouter router={router}>
+        <GqlMockedProvider<{
+          DuplicateMinistryHousingAllowanceRequest: DuplicateMinistryHousingAllowanceRequestMutation;
+        }>
+          onCall={mutationSpy}
         >
-          <CurrentBoardApproved request={approvedMHARequest} />
-        </MinisterHousingAllowanceContext.Provider>
+          <MinisterHousingAllowanceContext.Provider
+            value={contextValue as ContextType}
+          >
+            <CurrentBoardApproved request={approvedMHARequest} />
+          </MinisterHousingAllowanceContext.Provider>
+        </GqlMockedProvider>
       </TestRouter>
     </ThemeProvider>
   );
@@ -115,4 +134,66 @@ describe('CurrentBoardApproved Component', () => {
     // Spouse data should not be rendered
     expect(queryByText('Jane')).not.toBeInTheDocument();
   });
+
+  it('should navigate to edit page with new requestId after duplicate mutation', async () => {
+    const { getByText } = render(
+      <ThemeProvider theme={theme}>
+        <TestRouter router={{ push: mockPush }}>
+          <GqlMockedProvider<{
+            DuplicateMinistryHousingAllowanceRequest: DuplicateMinistryHousingAllowanceRequestMutation;
+          }>
+            mocks={{
+              DuplicateMinistryHousingAllowanceRequest: {
+                duplicateMinistryHousingAllowanceRequest: {
+                  ministryHousingAllowanceRequest: {
+                    id: newRequestId,
+                  },
+                },
+              },
+            }}
+            onCall={mutationSpy}
+          >
+            <MinisterHousingAllowanceContext.Provider
+              value={
+                {
+                  isMarried: false,
+                  preferredName: 'John',
+                  spousePreferredName: '',
+                  requestId: 'old-request-id',
+                  userHcmData: {
+                    staffInfo: {
+                      personNumber: '000123456',
+                    },
+                  } as unknown as HcmData,
+                  spouseHcmData: null,
+                } as ContextType
+              }
+            >
+              <CurrentBoardApproved request={mockMHARequest} />
+            </MinisterHousingAllowanceContext.Provider>
+          </GqlMockedProvider>
+        </TestRouter>
+      </ThemeProvider>,
+    );
+
+    const updateButton = getByText('Update Current MHA');
+    userEvent.click(updateButton);
+
+    await waitFor(() => {
+      expect(mutationSpy).toHaveGraphqlOperation(
+        'DuplicateMinistryHousingAllowanceRequest',
+        {
+          input: {
+            requestId: 'old-request-id',
+          },
+        },
+      );
+    });
+
+    await waitFor(() => {
+      expect(mockPush).toHaveBeenCalledWith(
+        `/accountLists/account-list-1/reports/housingAllowance/${newRequestId}/edit`,
+      );
+    });
+  });
 });

src/components/Reports/MinisterHousingAllowance/SharedComponents/CurrentBoardApproved.tsx

@@ -1,3 +1,4 @@
+import { useRouter } from 'next/router';
 import { HomeSharp } from '@mui/icons-material';
 import {
   Grid,
@@ -16,6 +17,7 @@ import { useAccountListId } from 'src/hooks/useAccountListId';
 import { useLocale } from 'src/hooks/useLocale';
 import { currencyFormat, dateFormatShort } from 'src/lib/intlFormat';
 import { StatusCard } from '../../Shared/CalculationReports/StatusCard/StatusCard';
+import { useDuplicateMinistryHousingAllowanceRequestMutation } from '../MinisterHousingAllowance.generated';
 import { useMinisterHousingAllowance } from '../Shared/Context/MinisterHousingAllowanceContext';
 import { MHARequest } from './types';
 
@@ -29,8 +31,16 @@ export const CurrentBoardApproved: React.FC<CurrentBoardApprovedProps> = ({
   const { t } = useTranslation();
   const locale = useLocale();
   const accountListId = useAccountListId();
+  const router = useRouter();
   const currency = 'USD';
 
+  const [duplicateMHA] = useDuplicateMinistryHousingAllowanceRequestMutation({
+    refetchQueries: [
+      'MinistryHousingAllowanceRequests',
+      'MinistryHousingAllowanceRequest',
+    ],
+  });
+
   const { isMarried, preferredName, spousePreferredName, requestId } =
     useMinisterHousingAllowance();
 
@@ -39,6 +49,32 @@ export const CurrentBoardApproved: React.FC<CurrentBoardApprovedProps> = ({
 
   const lastUpdated = request?.updatedAt ?? null;
 
+  const handleDuplicateRequest = async () => {
+    if (!requestId) {
+      return;
+    }
+
+    try {
+      const result = await duplicateMHA({
+        variables: {
+          input: {
+            requestId: requestId,
+          },
+        },
+      });
+
+      const newRequestId =
+        result.data?.duplicateMinistryHousingAllowanceRequest
+          ?.ministryHousingAllowanceRequest?.id;
+
+      if (newRequestId) {
+        router.push(
+          `/accountLists/${accountListId}/reports/housingAllowance/${newRequestId}/edit`,
+        );
+      }
+    } catch (error) {}
+  };
+
   return (
     <StatusCard
       formType={t('MHA Request')}
@@ -49,7 +85,7 @@ export const CurrentBoardApproved: React.FC<CurrentBoardApprovedProps> = ({
       linkOneText={t('View Current MHA')}
       linkOne={`/accountLists/${accountListId}/reports/housingAllowance/${requestId}/view`}
       linkTwoText={t('Update Current MHA')}
-      linkTwo=""
+      handleLinkTwo={handleDuplicateRequest}
       isRequest={false}
       handleConfirmCancel={() => {}}
       styling={{ p: 0 }}

src/components/Reports/Shared/CalculationReports/StatusCard/StatusCard.tsx

@@ -37,6 +37,7 @@ interface StatusCardProps {
   hideActions?: boolean;
   handleDownload?: () => void;
   handleConfirmCancel: () => void;
+  handleLinkTwo?: () => void;
   styling?: SxProps<Theme>;
 }
 
@@ -56,6 +57,7 @@ export const StatusCard: React.FC<StatusCardProps> = ({
   hideActions,
   handleDownload,
   handleConfirmCancel,
+  handleLinkTwo,
   styling,
 }) => {
   const { t } = useTranslation();
@@ -119,8 +121,9 @@ export const StatusCard: React.FC<StatusCardProps> = ({
             {linkOneText}
           </Button>
           <Button
-            component={NextLink}
-            href={linkTwo ?? ''}
+            component={linkTwo ? NextLink : 'button'}
+            href={linkTwo ?? undefined}
+            onClick={handleLinkTwo}
             variant={isRequest ? 'outlined' : 'contained'}
             sx={{ px: 2, py: 1 }}
           >