Merge pull request #1560 from phac-nml/fix-analysis-text-preview

Fix: Analysis Text Output Preview
phac-nml · Dec 17, 2024 · fbdd728 · fbdd728
2 parents 955eb44 + dd9a294
commit fbdd728
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/src/main/webapp/resources/js/pages/analysis/components/AnalysisTextPreview.jsx b/src/main/webapp/resources/js/pages/analysis/components/AnalysisTextPreview.jsx
@@ -32,6 +32,7 @@ export default function AnalysisTextPreview({ output }) {
   const [savedText, setSavedText] = useState("");
   const chunkSize = 8192;
   const [loading, setLoading] = useState(false);
+  const [fileSizePreview,setFileSizePreview] = useState("");
 
   /*
    * Get n bytes of text file output data on load and set
@@ -48,9 +49,7 @@ export default function AnalysisTextPreview({ output }) {
       setSavedText(data.text);
       setFilePointer(data.filePointer);
       setFileRows(data.text);
-      document.getElementById(
-        `${output.filename}-preview-status`
-      ).innerText = fileSizeLoaded(data.filePointer, output.fileSizeBytes);
+      setFileSizePreview(fileSizeLoaded(data.filePointer, output.fileSizeBytes))
       setLoading(false);
     });
   }, []);
@@ -81,9 +80,7 @@ export default function AnalysisTextPreview({ output }) {
           setSavedText(savedText + data.text);
           setFilePointer(data.filePointer);
           setFileRows(savedText + data.text);
-          document.getElementById(
-            `${output.filename}-preview-status`
-          ).innerText = fileSizeLoaded(data.filePointer, output.fileSizeBytes);
+          setFileSizePreview(fileSizeLoaded(data.filePointer, output.fileSizeBytes));
         }
         setLoading(false);
       });
@@ -108,7 +105,7 @@ export default function AnalysisTextPreview({ output }) {
           </TextOutputWrapper>
           <div>
             <Space direction={"horizontal"}>
-              <span id={`${output.filename}-preview-status`}></span>
+              <span id={`${output.filename}-preview-status`}>{fileSizePreview}</span>
               <span id={`${output.filename}-loading`}>
                 {loading ? (
                   <ContentLoading