fix: prevent empty image object from being sent in freeform post creation (#5874)

Author: idoshamun

packages/shared/src/graphql/posts.ts

@@ -960,12 +960,17 @@ export type CreatePostInMultipleSourcesResponse = Array<{
 export const createPostInMultipleSources = async (
   variables: CreatePostInMultipleSourcesArgs,
 ) => {
+  const { image, ...rest } = variables;
+  const sanitized = {
+    ...rest,
+    ...(image instanceof File && image.size > 0 ? { image } : {}),
+  };
   const res = await gqlClient.request<
     {
       createPostInMultipleSources: CreatePostInMultipleSourcesResponse;
     },
     CreatePostInMultipleSourcesArgs
-  >(CREATE_POST_IN_MULTIPLE_SOURCES, variables);
+  >(CREATE_POST_IN_MULTIPLE_SOURCES, sanitized);
   return res.createPostInMultipleSources;
 };
 

packages/webapp/pages/squads/create.tsx

@@ -182,10 +182,11 @@ function CreatePost(): ReactElement {
       return;
     }
 
-    const { options, ...args } = params;
+    const { options, image, ...args } = params;
 
     await onCreate({
       ...args,
+      ...(image instanceof File && image.size > 0 && { image }),
       ...(options?.length && {
         options: options.map((text, order) => ({
           text,