From 4ee4dc28cca3cc3e2982f1feaff0da6f1c53e20f Mon Sep 17 00:00:00 2001
From: ZecD <dominik.zecoli@gmail.com>
Date: Mon, 27 Oct 2025 17:59:10 +0100
Subject: [PATCH 1/3] Added limitations to video and image files to dropzone
 manual

---
 src/pages/Manual/UseCases/MediaDropzone.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/pages/Manual/UseCases/MediaDropzone.tsx b/src/pages/Manual/UseCases/MediaDropzone.tsx
index 37f59cb6..83aea05e 100644
--- a/src/pages/Manual/UseCases/MediaDropzone.tsx
+++ b/src/pages/Manual/UseCases/MediaDropzone.tsx
@@ -77,6 +77,18 @@ export const MediaDropzone = ({
 
   const uploadMedia = async (files: File[]) => {
     files.forEach((f) => {
+      if (f.type && !f.type.includes("image/") && !f.type.includes("video/")) {
+        dispatch(
+          appendMediaList(
+            createFilesElementList({
+              files: [f],
+              status: "failed",
+              taskId,
+            })
+          )
+        );
+        return;
+      }
       const formData = new FormData();
       formData.append("media", f, normalizeFileName(f.name));
       if (!campaign) return;

From 1183b285a8fd9ad636474bbd818a66a9dfebc255 Mon Sep 17 00:00:00 2001
From: ZecD <dominik.zecoli@gmail.com>
Date: Tue, 28 Oct 2025 11:24:58 +0100
Subject: [PATCH 2/3] added mimetype

---
 src/pages/Manual/UseCases/MediaDropzone.tsx | 21 +--------------------
 1 file changed, 1 insertion(+), 20 deletions(-)

diff --git a/src/pages/Manual/UseCases/MediaDropzone.tsx b/src/pages/Manual/UseCases/MediaDropzone.tsx
index 83aea05e..39d41a03 100644
--- a/src/pages/Manual/UseCases/MediaDropzone.tsx
+++ b/src/pages/Manual/UseCases/MediaDropzone.tsx
@@ -77,18 +77,6 @@ export const MediaDropzone = ({
 
   const uploadMedia = async (files: File[]) => {
     files.forEach((f) => {
-      if (f.type && !f.type.includes("image/") && !f.type.includes("video/")) {
-        dispatch(
-          appendMediaList(
-            createFilesElementList({
-              files: [f],
-              status: "failed",
-              taskId,
-            })
-          )
-        );
-        return;
-      }
       const formData = new FormData();
       formData.append("media", f, normalizeFileName(f.name));
       if (!campaign) return;
@@ -158,14 +146,7 @@ export const MediaDropzone = ({
             <FileCard
               key={m.id}
               className="file-list-card"
-              fileElement={{
-                id: m.id.toString(),
-                fileName: m.fileName,
-                fileType: "",
-                mimeType: "",
-                status: m.status,
-                errorCode: m.errorCode,
-              }}
+              fileElement={m}
               onDelete={() =>
                 m.status !== "uploading"
                   ? onDelete({

From a1f343f98f355c14fb0648574300c28c2df085c8 Mon Sep 17 00:00:00 2001
From: ZecD <dominik.zecoli@gmail.com>
Date: Tue, 28 Oct 2025 13:00:23 +0100
Subject: [PATCH 3/3] fixed file upload broken link

---
 src/pages/Manual/UseCases/MediaDropzone.tsx | 16 ++++++++++++----
 src/services/tryberApi/index.ts             |  1 +
 src/utils/schema.ts                         |  1 +
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/Manual/UseCases/MediaDropzone.tsx b/src/pages/Manual/UseCases/MediaDropzone.tsx
index 39d41a03..2cee9552 100644
--- a/src/pages/Manual/UseCases/MediaDropzone.tsx
+++ b/src/pages/Manual/UseCases/MediaDropzone.tsx
@@ -98,7 +98,6 @@ export const MediaDropzone = ({
       );
     });
   };
-
   return (
     <>
       <Dropzone
@@ -128,8 +127,9 @@ export const MediaDropzone = ({
             fileElement={{
               id: m.id.toString(),
               fileName: m.name,
-              fileType: "",
-              mimeType: "",
+              previewUrl: m.location ?? "",
+              fileType: m.mimetype?.split("/")[0] ?? "",
+              mimeType: m.mimetype ?? "",
               status: "success",
             }}
             onDelete={() =>
@@ -146,7 +146,15 @@ export const MediaDropzone = ({
             <FileCard
               key={m.id}
               className="file-list-card"
-              fileElement={m}
+              fileElement={{
+                id: m.id.toString(),
+                fileName: m.fileName,
+                previewUrl: m.previewUrl ?? "",
+                fileType: m.fileType,
+                mimeType: m.mimeType,
+                status: m.status,
+                errorCode: m.errorCode,
+              }}
               onDelete={() =>
                 m.status !== "uploading"
                   ? onDelete({
diff --git a/src/services/tryberApi/index.ts b/src/services/tryberApi/index.ts
index 597aceca..0f17ed6b 100644
--- a/src/services/tryberApi/index.ts
+++ b/src/services/tryberApi/index.ts
@@ -2859,6 +2859,7 @@ export type GetUsersMeCampaignsByCampaignIdTasksAndTaskIdMediaApiResponse =
       id: number;
       location: string;
       name: string;
+      mimetype?: string;
     }[];
   };
 export type GetUsersMeCampaignsByCampaignIdTasksAndTaskIdMediaApiArg = {
diff --git a/src/utils/schema.ts b/src/utils/schema.ts
index 6e52f5c7..774f0d9f 100644
--- a/src/utils/schema.ts
+++ b/src/utils/schema.ts
@@ -4424,6 +4424,7 @@ export interface operations {
               id: number;
               location: string;
               name: string;
+              mimetype?: string;
             }[];
           };
         };