#1487: gave a more descriptive name to payload interface

Author: aarushgarg1110

src/frontend/src/hooks/change-requests.hooks.ts

@@ -111,7 +111,7 @@ export const useCreateStandardChangeRequest = () => {
   );
 };
 
-export interface Payload {
+export interface ChangeRequestPayload {
   submitterId: number;
   wbsNum: WbsNumber;
   projectLeadId: number;
@@ -131,9 +131,9 @@ export interface Payload {
  * Custom React Hook to create an activation change request.
  */
 export const useCreateActivationChangeRequest = () => {
-  return useMutation<{ message: string }, Error, Payload>(
+  return useMutation<{ message: string }, Error, ChangeRequestPayload>(
     ['change requests', 'create', 'activation'],
-    async (payload: Payload) => {
+    async (payload: ChangeRequestPayload) => {
       const { data } = await createActivationChangeRequest(
         payload.submitterId,
         payload.wbsNum,
@@ -151,9 +151,9 @@ export const useCreateActivationChangeRequest = () => {
  * Custom React Hook to create a stage gate change request.
  */
 export const useCreateStageGateChangeRequest = () => {
-  return useMutation<{ message: string }, Error, Payload>(
+  return useMutation<{ message: string }, Error, ChangeRequestPayload>(
     ['change requests', 'create', 'stage gate'],
-    async (payload: Payload) => {
+    async (payload: ChangeRequestPayload) => {
       const { data } = await createStageGateChangeRequest(payload.submitterId, payload.wbsNum, payload.confirmDone);
       return data;
     }
@@ -165,9 +165,9 @@ export const useCreateStageGateChangeRequest = () => {
  */
 export const useCreateProposeSolution = () => {
   const queryClient = useQueryClient();
-  return useMutation<{ message: string }, Error, Payload>(
+  return useMutation<{ message: string }, Error, ChangeRequestPayload>(
     ['change requests', 'create', 'propose solution'],
-    async (payload: Payload) => {
+    async (payload: ChangeRequestPayload) => {
       const { data } = await addProposedSolution(
         payload.submitterId,
         payload.crId,

src/frontend/src/pages/WorkPackageDetailPage/ActivateWorkPackageModalContainer/ActivateWorkPackageModalContainer.tsx

@@ -6,7 +6,7 @@
 import { useHistory } from 'react-router-dom';
 import { ChangeRequestType, isGuest, WbsNumber } from 'shared';
 import { useAuth } from '../../../hooks/auth.hooks';
-import { Payload, useCreateActivationChangeRequest } from '../../../hooks/change-requests.hooks';
+import { ChangeRequestPayload, useCreateActivationChangeRequest } from '../../../hooks/change-requests.hooks';
 import { useAllUsers } from '../../../hooks/users.hooks';
 import { routes } from '../../../utils/routes';
 import ErrorPage from '../../ErrorPage';
@@ -56,7 +56,7 @@ const ActivateWorkPackageModalContainer: React.FC<ActivateWorkPackageModalContai
         scopeImpact: '',
         timelineImpact: 0,
         budgetImpact: 0
-      } as Payload);
+      } as ChangeRequestPayload);
       history.push(routes.CHANGE_REQUESTS);
     } catch (e: unknown) {
       if (e instanceof Error) {