POST oly .docx files

frontend/app/components/modal/InfoModal.jsx

@@ -9,7 +9,6 @@ import CloseIcon from "@/app/components/assets/CloseIcon";
 import data from "../../data/en.json";
 
 const InfoModal = ({ show, onClose, details }) => {
-
   const questionTypes = useMemo(() => {
     if (
       !details?.questionConfigDetails ||
@@ -32,7 +31,7 @@ const InfoModal = ({ show, onClose, details }) => {
         )}
       />
     );
-  }, [details.questionConfigDetails]);
+  }, [details?.questionConfigDetails]);
 
   const questionErrors = useMemo(() => {
     if (
@@ -57,7 +56,7 @@ const InfoModal = ({ show, onClose, details }) => {
         )}
       />
     );
-  }, [details.questionErrors]);
+  }, [details?.questionErrors]);
 
   const questionWarnings = useMemo(() => {
     if (
@@ -82,7 +81,7 @@ const InfoModal = ({ show, onClose, details }) => {
         )}
       />
     );
-  }, [details.questionWarnings]);
+  }, [details?.questionWarnings]);
 
   return (
     <Modal show={show} onClose={onClose}>

frontend/app/components/utils/SendFileToBackend.js

+import { toast } from "react-toastify";
+import data from "../../data/en.json";
+
 export const sendFileToBackend = async (file, outputFormat) => {
+  const fileName = file[0]?.name.toLowerCase();
+  if (!fileName?.endsWith(".docx")) {
+    toast.error(data.fileupload.fileNotAcceptable, {
+      position: "bottom-right",
+      hideProgressBar: true,
+    });
+    throw new Error(data.fileupload.fileNotAcceptable);
+  }
+
   const formData = new FormData();
   formData.append("file", file[0]);