From 172d215048dda8e62ee7303111fecc7d998e663d Mon Sep 17 00:00:00 2001
From: mbaharip <62494292+mbahArip@users.noreply.github.com>
Date: Fri, 31 Jan 2025 06:10:13 +0700
Subject: [PATCH] fix: invalid download url on button

---
 src/components/preview/Information.tsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/preview/Information.tsx b/src/components/preview/Information.tsx
index 65421e9..be33f6e 100644
--- a/src/components/preview/Information.tsx
+++ b/src/components/preview/Information.tsx
@@ -101,6 +101,11 @@ export default function PreviewInformation({ file, token }: Props) {
 
     return value;
   }, [file]);
+  const downloadUrl = useMemo<string>(() => {
+    const downloadUrl = new URL(`/api/download/${pathname}`.replace(/\/+/g, "/"), config.basePath);
+    if (!config.apiConfig.allowDownloadProtectedFile) downloadUrl.searchParams.append("token", token);
+    return downloadUrl.toString();
+  }, [pathname, token]);
 
   const [isRawExplanationOpen, setIsRawExplanationOpen] = useState<boolean>(false);
 
@@ -152,9 +157,9 @@ export default function PreviewInformation({ file, token }: Props) {
     });
     try {
       // const downloadUrl = new URL(`/api/download/${file.encryptedId}`, config.basePath);
-      const downloadUrl = new URL(`/api/download/${pathname}`.replace(/\/+/g, "/"), config.basePath);
-      if (!config.apiConfig.allowDownloadProtectedFile) downloadUrl.searchParams.append("token", token);
-      await navigator.clipboard.writeText(downloadUrl.toString());
+      // const downloadUrl = new URL(`/api/download/${pathname}`.replace(/\/+/g, "/"), config.basePath);
+      // if (!config.apiConfig.allowDownloadProtectedFile) downloadUrl.searchParams.append("token", token);
+      await navigator.clipboard.writeText(downloadUrl);
       toast.success("Download link copied!", {
         id: `download-${file.encryptedId}`,
       });
@@ -165,7 +170,7 @@ export default function PreviewInformation({ file, token }: Props) {
         id: `download-${file.encryptedId}`,
       });
     }
-  }, [file.encryptedId, token, pathname]);
+  }, [file.encryptedId, downloadUrl]);
   const onViewDocument = useCallback(async () => {
     try {
       const viewerUrl =
@@ -340,10 +345,13 @@ export default function PreviewInformation({ file, token }: Props) {
               asChild
               className='w-full tablet:w-fit'
             >
-              <Link href={`/api/download/${file.encryptedId}?token=${token}`}>
+              <a
+                href={downloadUrl}
+                target='_blank'
+              >
                 <Icon name='Download' />
                 Download File
-              </Link>
+              </a>
             </Button>
           </div>
         </CardContent>