setting up uploads api

Author: andrenormanlang

apps/client/src/components/Chat.tsx

@@ -10,7 +10,9 @@ import { format } from "date-fns";
 import { getChatMessages, createRoom } from "../services/MindsMeshAPI";
 import { v4 as uuidv4 } from "uuid";
 import { PaperClipIcon } from "@heroicons/react/20/solid";
-import { SocketContext } from "../contexts/SocketContext"; 
+import { SocketContext } from "../contexts/SocketContext";
+import { uploadFile as apiUploadFile } from '../services/MindsMeshAPI';
+
 
 
 interface Message {
@@ -236,28 +238,17 @@ const Chat: React.FC<{ chatPartner?: User | null; onClose?: () => void }> = ({
     if (!chatPartner || !senderId) {
       return null;
     }
-
+  
     const formData = new FormData();
     formData.append('file', file);
     formData.append('text', newMessage);
     formData.append('messageId', uuidv4());
-
+  
     try {
       setIsUploading(true);
-      const response = await fetch(`/api/chat/${chatPartner.id}/upload`, {
-        method: 'POST',
-        headers: {
-          'Authorization': `Bearer ${localStorage.getItem('token')}`,
-        },
-        body: formData,
-      });
-
-      if (!response.ok) {
-        throw new Error(`Upload failed: ${response.statusText}`);
-      }
-
-      const data = await response.json();
-      console.log("File upload response:", data); // Debug log
+      const data = await apiUploadFile(chatPartner.id, formData);
+      
+      console.log("File upload response:", data);
       return {
         url: data.fileUrl,
         fileName: data.fileName,

apps/client/src/services/MindsMeshAPI.ts

@@ -421,3 +421,20 @@ export const fetchRoomsForFreelancer = async (
     throw error;
   }
 };
+
+export const uploadFile = async (
+  receiverId: string, 
+  formData: FormData
+): Promise<{ fileUrl: string, fileName: string, fileType: string }> => {
+  try {
+    const response = await api.post(`/chat/${receiverId}/upload`, formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data',
+      },
+    });
+    return response.data;
+  } catch (error) {
+    console.error("Error uploading file:", error);
+    throw error;
+  }
+};