From 9735fa2abed1299ed8400b1221455ba4b3fab475 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Wed, 29 Nov 2023 10:07:48 -0300
Subject: [PATCH] Fix backward compatibility issue with suffixes in
 InputFileComponent

---
 .../src/components/inputFileComponent/index.tsx      | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index e3aaf5d04..155351d9a 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -19,6 +19,18 @@ export default function InputFileComponent({
   const { setErrorData } = useContext(alertContext);
   const { tabId } = useContext(FlowsContext);
 
+  // For backward compatibility, if the suffixes are not provided, allow use fileTypes instead
+  if (!suffixes) {
+    // if fileTypes does not have '.' at the beginning, add it
+    // and use it as suffixes
+    suffixes = fileTypes.map((fileType) => {
+      if (!fileType.startsWith(".")) {
+        return "." + fileType;
+      }
+      return fileType;
+    });
+  }
+
   // Clear component state
   useEffect(() => {
     if (disabled) {