From 2bc23594adb88e023f1cbb9e207a55324f3aae92 Mon Sep 17 00:00:00 2001
From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
Date: Fri, 31 Jan 2025 12:38:02 +0530
Subject: [PATCH] fix: open file in new tab (#4697)

---
 .../(analysis)/summary/components/FileUploadSummary.tsx    | 7 +------
 .../modules/ui/components/file-upload-response/index.tsx   | 6 ++----
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/FileUploadSummary.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/FileUploadSummary.tsx
index d8a6168b47..1329d7d22d 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/FileUploadSummary.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/FileUploadSummary.tsx
@@ -77,12 +77,7 @@ export const FileUploadSummary = ({
 
                       return (
                         <div className="relative m-2 rounded-lg bg-slate-200" key={fileUrl}>
-                          <a
-                            href={fileUrl as string}
-                            key={index}
-                            download={fileName}
-                            target="_blank"
-                            rel="noopener noreferrer">
+                          <a href={fileUrl} key={index} target="_blank" rel="noopener noreferrer">
                             <div className="absolute right-0 top-0 m-2">
                               <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-slate-50 hover:bg-white">
                                 <DownloadIcon className="h-6 text-slate-500" />
diff --git a/apps/web/modules/ui/components/file-upload-response/index.tsx b/apps/web/modules/ui/components/file-upload-response/index.tsx
index 0b2cefc390..bf71389218 100644
--- a/apps/web/modules/ui/components/file-upload-response/index.tsx
+++ b/apps/web/modules/ui/components/file-upload-response/index.tsx
@@ -7,23 +7,21 @@ import { getOriginalFileNameFromUrl } from "@formbricks/lib/storage/utils";
 interface FileUploadResponseProps {
   selected: string[];
 }
-
 export const FileUploadResponse = ({ selected }: FileUploadResponseProps) => {
   const t = useTranslations();
   if (selected.length === 0) {
     return <div className="font-semibold text-slate-500">{t("common.skipped")}</div>;
   }
-
   return (
     <div className="">
       {selected.map((fileUrl, index) => {
         const fileName = getOriginalFileNameFromUrl(fileUrl);
-
         return (
           <a
             href={fileUrl}
             key={index}
-            download={fileName}
+            target="_blank"
+            rel="noopener noreferrer"
             className="group flex max-w-60 items-center justify-center rounded-lg bg-slate-200 px-2 py-1 hover:bg-slate-300">
             <p className="w-full overflow-hidden overflow-ellipsis whitespace-nowrap text-center text-slate-700 group-hover:text-slate-800">
               {fileName ? fileName : "Download"}