#4102 upload sponsor hook

Author: staysgt

src/frontend/src/apis/finance.api.ts

@@ -742,6 +742,12 @@ export const editSponsor = (id: string, formData: SponsorPayload) => {
   return axios.post(apiUrls.editSponsor(id), formData);
 };
 
+export const uploadSponsorLogo = (sponsorId: string, logoImage: File) => {
+  const formData = new FormData();
+  formData.append('logoImage', logoImage);
+  return axios.post<Sponsor>(apiUrls.uploadSponsorLogo(sponsorId), formData);
+};
+
 /**
  * API call to delete a given sponsor task
  *

src/frontend/src/hooks/finance.hooks.ts

@@ -69,6 +69,7 @@ import {
   assignMemberToRR,
   setTaxExemptStatus,
   toggleSponsorTaskDone,
+  uploadSponsorLogo,
   getAllProspectiveSponsors,
   createProspectiveSponsor,
   editProspectiveSponsor,
@@ -186,6 +187,7 @@ export interface SponsorPayload {
   sponsorNotes?: string;
   stockDescription?: string;
   discountDescription?: string;
+  logoImageId?: string;
 }
 
 interface EditSponsorPayload extends SponsorPayload {
@@ -1324,6 +1326,27 @@ export const useEditSponsor = () => {
   );
 };
 
+interface UploadSponsorLogoPayload {
+  sponsorId: string;
+  logoImage: File;
+}
+
+export const useUploadSponsorLogo = () => {
+  const queryClient = useQueryClient();
+  return useMutation<Sponsor, Error, UploadSponsorLogoPayload>(
+    ['sponsor', 'uploadLogo'],
+    async ({ sponsorId, logoImage }: UploadSponsorLogoPayload) => {
+      const { data } = await uploadSponsorLogo(sponsorId, logoImage);
+      return data;
+    },
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries(['sponsor']);
+      }
+    }
+  );
+};
+
 /**
  * Custom React Hook to delete a sponsor task
  *

src/frontend/src/utils/urls.ts

@@ -297,6 +297,7 @@ const getAllSpendingBarData = (startDate?: Date, endDate?: Date): string => {
 };
 const getAllSponsorTiers = () => `${financeRoutesEndpoints()}/sponsorTiers`;
 const editSponsor = (sponsorId: string) => `${financeRoutesEndpoints()}/sponsor/${sponsorId}/edit`;
+const uploadSponsorLogo = (sponsorId: string) => `${financeRoutesEndpoints()}/sponsor/${sponsorId}/uploadLogo`;
 const financeGetUsersTeamsReimbursementRequests = () => `${financeEndpoints()}/reimbursements/current-user-team`;
 const deleteSponsorTier = (sponsorTierId: string) => `${financeRoutesEndpoints()}/sponsorTier/${sponsorTierId}`;
 const editSponsorTier = (sponsorTierId: string) => `${financeRoutesEndpoints()}/sponsorTier/${sponsorTierId}/edit`;
@@ -692,6 +693,7 @@ export const apiUrls = {
   getAllSpendingBarData,
   getAllSponsorTiers,
   editSponsor,
+  uploadSponsorLogo,
   financeGetUsersTeamsReimbursementRequests,
   deleteSponsorTier,
   editSponsorTier,