LFFE-31 review and clean code

src/core/components/CustomAccordion.jsx

@@ -10,29 +10,18 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import VerifiedIcon from '@mui/icons-material/Verified';
 import Check from "@mui/icons-material/Check";
 import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
-import VisibilityRoundedIcon from "@mui/icons-material/VisibilityRounded";
-import {useTranslations} from "next-intl";
 import {useState} from "react";
-
-const CustomAccordion = ({ title,
-                             hasOpened,
-                             hasAccordionOpened,
-                             handleAccordionChange,
-                             accordionIndex,
-                             handleSizeChange }) => {
-    const t = useTranslations();
+const CustomAccordion = ({ title, hasOpened, hasAccordionOpened, handleAccordionChange, accordionIndex , downloadFile}) => {
     const [downloadStatus, setDownloadStatus] = useState('initial');
-    const handleDownloadClick = (setStatus) => {
-
-        console.log(setStatus)
+    const handleDownloadClick = (setStatus , url) => {
         setStatus('downloading');
+        window.open(url, '_blank');
         setTimeout(() => {
             setStatus('completed');
             setTimeout(() => {
                 setStatus('initial');
-            }, 2500);
-        }, 2000);
-        // Perform the actual download logic here
+            }, 1200);
+        }, 1000);
     };
     return(
     <Accordion elevation={0} expanded={hasOpened || false} onChange={() => handleAccordionChange(accordionIndex)} sx={{
@@ -52,7 +41,7 @@ const CustomAccordion = ({ title,
             <Grid container direction="column" alignItems="center">
                 <Grid item>
                     <ButtonGroup variant="contained" aria-label="outlined primary button group">
-                        <Button onClick={() => handleDownloadClick(setDownloadStatus)}>
+                        <Button onClick={() => handleDownloadClick(setDownloadStatus , downloadFile)}>
                             {downloadStatus === 'completed' ? (
                                 <Check sx={{ color: 'white' }} fontSize="small" />
                             ) : downloadStatus === 'downloading' ? (