fix react

Author: AlisherAmonulloev

.gitignore

@@ -303,3 +303,4 @@ TesterMetadata.xml
 
 # Backup files
 *.bak
+.DS_Store

React/.eslintrc.js

@@ -18,7 +18,8 @@
     "devextreme": "^24.2.3",
     "devextreme-react": "^24.2.3",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "file-saver": "2.0.5"
   },
    "eslintConfig": {
     "extends": [
@@ -31,6 +32,7 @@
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.4.3",
     "@types/react": "^18.2.47",
+    "@types/file-saver": "2.0.5",
     "@types/react-dom": "^18.2.17",
     "@vitejs/plugin-react": "^4.4.1",
     "@vitest/coverage-v8": "^1.5.0",

React/package-lock.json

@@ -1,12 +1,12 @@
-import React, {
+import {
   useCallback, useEffect, useMemo, useState,
 } from 'react';
 import './App.css';
 import 'devextreme/dist/css/dx.material.blue.light.compact.css';
 import FileUploader from 'devextreme-react/file-uploader';
 import LoadPanel from 'devextreme-react/load-panel';
-import UploadInfo from 'devextreme/file_management/upload_info';
-import { UploadedEvent } from 'devextreme/ui/file_uploader';
+import type UploadInfo from 'devextreme/file_management/upload_info';
+import type { UploadedEvent } from 'devextreme/ui/file_uploader';
 import { AmazonGateway } from './services/amazon.gateway';
 import { AmazonFileSystem } from './services/amazon.filesystem';
 

React/package.json

@@ -21,8 +21,7 @@
 #request-panel {
   min-width: 505px;
   height: 400px;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   padding: 18px;
   margin-top: 40px;
   background-color: rgba(191 191 191 / 15%);

React/src/App.tsx

@@ -139,7 +139,7 @@ export class AmazonGateway {
     this.addPartToUploadData(key, { PartNumber: uploadInfo.chunkIndex + 1, ETag: etag });
   }
 
-  async completeUpload(fileData: File, uploadInfo: UploadInfo, destinationDirectory: FileSystemItem | undefined): Promise<any> {
+  async completeUpload(fileData: File, _uploadInfo: UploadInfo, destinationDirectory: FileSystemItem | undefined): Promise<any> {
     const key = `${destinationDirectory?.key ?? ''}${fileData.name}`;
     const params = {
       key,
@@ -155,7 +155,7 @@ export class AmazonGateway {
     this.removeUploadData(key);
   }
 
-  async abortFileUpload(fileData: File, uploadInfo: UploadInfo | undefined, destinationDirectory: FileSystemItem | undefined): Promise<any> {
+  async abortFileUpload(fileData: File, _uploadInfo: UploadInfo | undefined, destinationDirectory: FileSystemItem | undefined): Promise<any> {
     const key = `${destinationDirectory?.key ?? ''}${fileData.name}`;
     const uploadId = this.getUploadId(fileData.name);
     const params = { uploadId, key };