\n {isDragActive && !props.isSaving ? (\n
\n
{t(\"Die Datei zum Hochladen freigeben\")}
\n
\n ) : null}\n {props.children}\n
\n );\n};\n\nexport default FilesDropZone;\n","import React, { useEffect, useRef, useState } from 'react';\nimport './ticket-upload-tab.scoped.scss';\nimport { useTranslation } from 'react-i18next';\nimport { TicketContext } from '../../store';\nimport { Box, Button, Divider, Grid } from '@material-ui/core';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { ImageCrop } from '../image-crop/image-crop';\nimport { setTimeout } from 'timers';\nimport { SessionStorageService } from '../../services/session-storage/session-storage';\nimport { TicketsService } from '../../services/tickets/tickets.service';\nimport FilesDropZone from '../files-drop-zone/files-drop-zone.component';\nimport { fileTypes, maxFileSize } from '../../statics/main';\nimport ErrorBox from '../error-box/error-box';\nimport { Certification } from '../../types/Certification';\nimport { CustomerImage } from '../../types/CustomerImage';\nimport {\n handleSessionExpire,\n isSessionExpired,\n scrollToTabs,\n} from '../../helpers';\n\nexport const TicketUploadTab = () => {\n const [t] = useTranslation();\n const sessionStorageService = new SessionStorageService();\n const sessionID = sessionStorageService.getData('session');\n const ticketsService = new TicketsService();\n const {\n setActiveTab,\n activeTab,\n ticket,\n setOriginalUserImg,\n setCertification1Info,\n setCertification2Info,\n setCustomerImageInfo,\n customerImageInfo,\n certification1Info,\n certification2Info,\n originalUserImg,\n isExistingOrder,\n } = React.useContext(TicketContext);\n const [imageCropCanvasData, setImageCropCanvasData] = useState