Mohammad Torkashvand
--- a/compendium-frontend/src/components/DownloadCSVButton.tsx → compendium-frontend/src/components/DownloadDataButton.tsx
+++ b/compendium-frontend/src/components/DownloadCSVButton.tsx → compendium-frontend/src/components/DownloadDataButton.tsx
 import React from 'react';
+import * as XLSX from "xlsx";
+import {ExportType} from "../helpers/constants";
+

 interface DownloadCSVProps {
--- a/compendium-frontend/src/components/DownloadCSVButton.tsx → compendium-frontend/src/components/DownloadDataButton.tsx
+++ b/compendium-frontend/src/components/DownloadCSVButton.tsx → compendium-frontend/src/components/DownloadDataButton.tsx
+
+    return new Blob([buffer], {type: 'application/octet-stream'});
+}
+
+const DownloadDataButton: React.FC<DownloadCSVProps> = ({data, filename, exportType}) => {
+
+    const downloadData = () => {
+        let convertedData;
+        let fileType;
+        let contentType ;
+
+        switch (exportType) {
+            case ExportType.EXCEL: {
+                convertedData = convertToExcel(data);
+                fileType = 'xlsx';
+                contentType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';