add avatar and username to files uploaded request

Author: keeniGithub

src/app/api/files/file.ts

@@ -1,11 +1,13 @@
 import { API } from "@/config/const/api.const";
 import { apiRoutes } from "@/config/routing/api.route";
 
-export async function uploadFile(userid: string, documentid: string, file: File) {
+export async function uploadFile(userid: string, documentid: string, avatar: string, username: string, file: File) {
   const formData = new FormData();
   formData.append("file", file);
   formData.append("userid", userid);
   formData.append("documentid", documentid);
+  formData.append("username", username);
+  formData.append("avatar", avatar);
 
   const response = await API.post(apiRoutes.FILES.UPLOAD, formData, {
     headers: { "Content-Type": "multipart/form-data" },

src/components/editor.tsx

@@ -17,6 +17,8 @@ export default function Editor({ onChange, initialContent, editable, documentId
   const { organization } = useOrganization()
   const isOrg = organization?.id !== undefined
   const orgId = isOrg ? organization?.id as string : user?.id as string
+  const avatar = user?.imageUrl || ""
+  const username = user?.username || ""
 
   const handleUpload = async (file: File) => {
     const userdata = isOrg
@@ -34,7 +36,7 @@ export default function Editor({ onChange, initialContent, editable, documentId
       throw new Error("File too large")
     }
 
-    const url = await uploadFileOnServer(orgId, documentId, file);
+    const url = await uploadFileOnServer(orgId, documentId as string, avatar, username, file);
     return url;
   };
 

src/components/modal/cover-image-modal.tsx

@@ -32,6 +32,8 @@ export function CoverImageModal(){
   const { organization } = useOrganization()
   const isOrg = organization?.id !== undefined
   const orgId = isOrg ? organization?.id as string : user?.id as string
+  const avatar = user?.imageUrl || ""
+  const username = user?.username || ""
 
   const onClose = () => {
     setFile(undefined) 
@@ -61,7 +63,7 @@ export function CoverImageModal(){
     setIsSubmitting(true);
     setFile(file);
 
-    const fileUrl = await uploadFile(orgId, params.documentId as string, file);
+    const fileUrl = await uploadFile(orgId, params.documentId as string, avatar, username, file);
 
     await update({
       id: params.documentId as Id<"documents">,