Merge pull request #2053 from Northeastern-Electric-Racing/#690-Remove-any-types-from-work-packages.hooks

 #690 Removed any types from work-packages.hooks.tsx

Author: RChandler234

src/frontend/src/apis/work-packages.api.ts

@@ -9,9 +9,9 @@ import { wbsPipe } from '../utils/pipes';
 import { apiUrls } from '../utils/urls';
 import { workPackageTransformer } from './transformers/work-packages.transformers';
 
-interface WorkPackageApiInputs {
+export interface WorkPackageApiInputs {
   name: string;
-  startDate: Date;
+  startDate: String;
   duration: number;
   crId: number;
   stage: WorkPackageStage | null;
@@ -53,7 +53,7 @@ export const getSingleWorkPackage = (wbsNum: WbsNumber) => {
  *
  * @param payload Payload containing all the necessary data to create a work package.
  */
-export const createSingleWorkPackage = (payload: CreateWorkPackageApiInputs) => {
+export const createSingleWorkPackage = (payload: WorkPackageApiInputs) => {
   return axios.post<{ message: string }>(apiUrls.workPackagesCreate(), {
     ...payload
   });

src/frontend/src/hooks/work-packages.hooks.ts

@@ -13,7 +13,8 @@ import {
   getAllWorkPackages,
   getSingleWorkPackage,
   slackUpcomingDeadlines,
-  getManyWorkPackages
+  getManyWorkPackages,
+  WorkPackageApiInputs
 } from '../apis/work-packages.api';
 
 /**
@@ -44,10 +45,13 @@ export const useSingleWorkPackage = (wbsNum: WbsNumber) => {
  * @param wpPayload Payload containing all information needed to create a work package.
  */
 export const useCreateSingleWorkPackage = () => {
-  return useMutation<{ message: string }, Error, any>(['work packages', 'create'], async (wpPayload: any) => {
-    const { data } = await createSingleWorkPackage(wpPayload);
-    return data;
-  });
+  return useMutation<{ message: string }, Error, WorkPackageApiInputs>(
+    ['work packages', 'create'],
+    async (wpPayload: WorkPackageApiInputs) => {
+      const { data } = await createSingleWorkPackage(wpPayload);
+      return data;
+    }
+  );
 };
 
 /**
@@ -57,9 +61,9 @@ export const useCreateSingleWorkPackage = () => {
  */
 export const useEditWorkPackage = (wbsNum: WbsNumber) => {
   const queryClient = useQueryClient();
-  return useMutation<{ message: string }, Error, any>(
+  return useMutation<{ message: string }, Error, WorkPackageApiInputs>(
     ['work packages', 'edit'],
-    async (wpPayload: any) => {
+    async (wpPayload: WorkPackageApiInputs) => {
       const { data } = await editWorkPackage(wpPayload);
       return data;
     },
@@ -76,7 +80,7 @@ export const useEditWorkPackage = (wbsNum: WbsNumber) => {
  */
 export const useDeleteWorkPackage = () => {
   const queryClient = useQueryClient();
-  return useMutation<{ message: string }, Error, any>(
+  return useMutation<{ message: string }, Error, WbsNumber>(
     ['work packages', 'delete'],
     async (wbsNum: WbsNumber) => {
       const { data } = await deleteWorkPackage(wbsNum);
@@ -114,7 +118,7 @@ export const useGetManyWorkPackages = (wbsNums: WbsNumber[]) => {
  * Custom React Hook to slack upcoming deadlines.
  */
 export const useSlackUpcomingDeadlines = () => {
-  return useMutation<{ message: string }, Error, any>(['slack upcoming deadlines'], async (deadline: Date) => {
+  return useMutation<{ message: string }, Error, Date>(['slack upcoming deadlines'], async (deadline: Date) => {
     const { data } = await slackUpcomingDeadlines(deadline);
     return data;
   });

src/frontend/src/pages/WorkPackageForm/WorkPackageForm.tsx

@@ -1,4 +1,3 @@
-import { UseMutateAsyncFunction } from 'react-query';
 import { WbsNumber, WorkPackage, isGuest, wbsPipe } from 'shared';
 import WorkPackageFormView, { WorkPackageFormViewPayload } from './WorkPackageFormView';
 import { bulletsToObject } from '../../utils/form';
@@ -8,12 +7,13 @@ import ErrorPage from '../ErrorPage';
 import { useAllUsers } from '../../hooks/users.hooks';
 import { useSingleProject } from '../../hooks/projects.hooks';
 import { useQuery } from '../../hooks/utils.hooks';
+import { WorkPackageApiInputs } from '../../apis/work-packages.api';
 
 interface WorkPackageFormProps {
   wbsNum: WbsNumber;
   exitActiveMode: () => void;
   crId?: string;
-  mutateAsync: UseMutateAsyncFunction<unknown, unknown, unknown>;
+  mutateAsync: (data: WorkPackageApiInputs) => void;
   createForm?: boolean;
 }
 

src/frontend/src/pages/WorkPackageForm/WorkPackageFormView.tsx

@@ -9,7 +9,6 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import * as yup from 'yup';
 import { Box, TextField, Autocomplete, FormControl, Typography } from '@mui/material';
 import { useState } from 'react';
-import { UseMutateAsyncFunction } from 'react-query';
 import WorkPackageFormDetails from './WorkPackageFormDetails';
 import NERFailButton from '../../components/NERFailButton';
 import NERSuccessButton from '../../components/NERSuccessButton';
@@ -22,6 +21,8 @@ import { projectWbsNamePipe, projectWbsPipe } from '../../utils/pipes';
 import { routes } from '../../utils/routes';
 import { getMonday } from '../GanttPage/GanttPackage/helpers/date-helper';
 import PageBreadcrumbs from '../../layouts/PageTitle/PageBreadcrumbs';
+import { WorkPackageApiInputs } from '../../apis/work-packages.api';
+import { WorkPackageStage } from 'shared';
 
 const schema = yup.object().shape({
   name: yup.string().required('Name is required!'),
@@ -40,7 +41,7 @@ const schema = yup.object().shape({
 
 interface WorkPackageFormViewProps {
   exitActiveMode: () => void;
-  mutateAsync: UseMutateAsyncFunction<unknown, unknown, unknown>;
+  mutateAsync: (data: WorkPackageApiInputs) => void;
   defaultValues?: WorkPackageFormViewPayload;
   wbsElement: WbsElement;
   leadOrManagerOptions: User[];
@@ -121,6 +122,7 @@ const WorkPackageFormView: React.FC<WorkPackageFormViewProps> = ({
     const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate().toString();
     return `${date.getFullYear().toString()}-${month}-${day}`;
   };
+
   const onSubmit = async (data: WorkPackageFormViewPayload) => {
     const { name, startDate, duration, blockedBy, crId, stage } = data;
     const expectedActivities = mapBulletsToPayload(data.expectedActivities);
@@ -139,7 +141,7 @@ const WorkPackageFormView: React.FC<WorkPackageFormViewProps> = ({
         blockedBy: blockedByWbsNums,
         expectedActivities: createForm ? expectedActivities.map((activity) => activity.detail) : expectedActivities,
         deliverables: createForm ? deliverables.map((deliverable) => deliverable.detail) : deliverables,
-        stage
+        stage: stage as WorkPackageStage
       };
       await mutateAsync(payload);
       exitActiveMode();