* [WEB-5134] refactor: update `web` ESLint configuration and refactor imports to use type imports - Enhanced ESLint configuration by adding new rules for import consistency and type imports. - Refactored multiple files to replace regular imports with type imports for better clarity and performance. - Ensured consistent use of type imports across the application to align with TypeScript best practices. * refactor: standardize type imports across components - Updated multiple files to replace regular imports with type imports for improved clarity and consistency. - Ensured adherence to TypeScript best practices in the rich filters and issue layouts components.
40 lines
992 B
TypeScript
40 lines
992 B
TypeScript
import type { AxiosRequestConfig } from "axios";
|
|
import axios from "axios";
|
|
// services
|
|
import { APIService } from "@/services/api.service";
|
|
|
|
export class FileUploadService extends APIService {
|
|
private cancelSource: any;
|
|
|
|
constructor() {
|
|
super("");
|
|
}
|
|
|
|
async uploadFile(
|
|
url: string,
|
|
data: FormData,
|
|
uploadProgressHandler?: AxiosRequestConfig["onUploadProgress"]
|
|
): Promise<void> {
|
|
this.cancelSource = axios.CancelToken.source();
|
|
return this.post(url, data, {
|
|
headers: {
|
|
"Content-Type": "multipart/form-data",
|
|
},
|
|
cancelToken: this.cancelSource.token,
|
|
withCredentials: false,
|
|
onUploadProgress: uploadProgressHandler,
|
|
})
|
|
.then((response) => response?.data)
|
|
.catch((error) => {
|
|
if (axios.isCancel(error)) {
|
|
console.log(error.message);
|
|
} else {
|
|
throw error?.response?.data;
|
|
}
|
|
});
|
|
}
|
|
|
|
cancelUpload() {
|
|
this.cancelSource.cancel("Upload canceled");
|
|
}
|
|
}
|