added independen support for pdf files

Author: Benjamin Perez

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileContent.tsx

@@ -179,7 +179,7 @@ const PreviewFile = ({
               onLoad={iframeLoaded}
             />
           )}
-          {objectType === "text" && (
+          {objectType === "pdf" && (
             <Fragment>
               <PreviewPDF
                 path={path}
@@ -206,7 +206,7 @@ const PreviewFile = ({
             objectType !== "video" &&
             objectType !== "audio" &&
             objectType !== "image" &&
-            objectType !== "text" && (
+            objectType !== "pdf" && (
               <div className={`iframeBase ${loading ? "iframeHidden" : ""}`}>
                 <iframe
                   src={path}
@@ -216,7 +216,6 @@ const PreviewFile = ({
                     isFullscreen ? "fullHeight" : objectType
                   }`}
                   onLoad={iframeLoaded}
-                  sandbox={""}
                 >
                   File couldn't be loaded. Please try Download instead
                 </iframe>

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/utils.ts

@@ -191,7 +191,7 @@ class BrowserDownload {
   }
 }
 
-export type AllowedPreviews = "image" | "text" | "audio" | "video" | "none";
+export type AllowedPreviews = "image" | "pdf" | "text" | "audio" | "video" | "none";
 export const contentTypePreview = (contentType: string): AllowedPreviews => {
   if (contentType) {
     const mimeObjectType = (contentType || "").toLowerCase();
@@ -231,7 +231,8 @@ export const extensionPreview = (fileName: string): AllowedPreviews => {
     "png",
     "heic",
   ];
-  const textExtensions = ["pdf"];
+  const textExtensions = ["txt"];
+  const pdfExtensions = ["pdf"];
   const audioExtensions = ["wav", "mp3", "alac", "aiff", "dsd", "pcm"];
   const videoExtensions = [
     "mp4",
@@ -258,6 +259,10 @@ export const extensionPreview = (fileName: string): AllowedPreviews => {
     return "image";
   }
 
+  if(pdfExtensions.includes(fileExtension)) {
+    return "pdf";
+  }
+
   if (textExtensions.includes(fileExtension)) {
     return "text";
   }