From c997c69acfbe122fe8ed947fe7f3770cdd180ab8 Mon Sep 17 00:00:00 2001
From: Eric Lipe <elipe@teamraft.com>
Date: Wed, 27 Sep 2023 09:52:03 -0600
Subject: [PATCH] - Fix icon rendering incorrectly

---
 tdrs-frontend/src/components/FileUpload/FileUpload.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/tdrs-frontend/src/components/FileUpload/FileUpload.jsx b/tdrs-frontend/src/components/FileUpload/FileUpload.jsx
index 9df223cd48..a27c75e555 100644
--- a/tdrs-frontend/src/components/FileUpload/FileUpload.jsx
+++ b/tdrs-frontend/src/components/FileUpload/FileUpload.jsx
@@ -35,6 +35,10 @@ function FileUpload({ section, setLocalAlertState }) {
     (file) => file.section.includes(sectionName) && file.uuid
   )
 
+  const hasPreview = files?.some(
+    (file) => file.section.includes(sectionName) && file.name
+  )
+
   const selectedFile = files?.find((file) => file.section.includes(sectionName))
 
   const formattedSectionName = selectedFile?.section
@@ -58,8 +62,10 @@ function FileUpload({ section, setLocalAlertState }) {
         setTimeout(trySettingPreview, 100)
       }
     }
-    if (hasFile) trySettingPreview()
-  }, [hasFile, fileName, targetClassName])
+    if (hasPreview) {
+      trySettingPreview()
+    }
+  }, [hasPreview, fileName, targetClassName])
 
   const downloadFile = ({ target }) => {
     dispatch(clearError({ section: sectionName }))