🐛 FIx broken analysis report download

konveyor · Sep 27, 2023 · 6633a60 · 6633a60
1 parent d3f416e
commit 6633a60
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 17 deletions.
diff --git a/.../applications/components/application-detail-drawer/application-detail-drawer-analysis.tsx b/.../applications/components/application-detail-drawer/application-detail-drawer-analysis.tsx
@@ -141,9 +141,7 @@ export const ApplicationDetailDrawerAnalysis: React.FC<
                       <DownloadButton
                         id={application.id}
                         mimeType={MimeType.TAR}
-                      >
-                        TAR
-                      </DownloadButton>
+                      />
                     </Tooltip>
                     {" | "}
                     <Tooltip
@@ -153,9 +151,7 @@ export const ApplicationDetailDrawerAnalysis: React.FC<
                       <DownloadButton
                         id={application.id}
                         mimeType={MimeType.YAML}
-                      >
-                        YAML
-                      </DownloadButton>
+                      />
                     </Tooltip>
                   </DescriptionListDescription>
                 </DescriptionListGroup>

diff --git a/...pp/pages/applications/components/application-detail-drawer/components/download-button.tsx b/...pp/pages/applications/components/application-detail-drawer/components/download-button.tsx
@@ -1,21 +1,21 @@
 import React from "react";
 import { Alert, Button } from "@patternfly/react-core";
 import spacing from "@patternfly/react-styles/css/utilities/Spacing/spacing";
-import { Application } from "@app/api/models";
 import { Spinner } from "@patternfly/react-core";
-import { useDownloadStaticReport } from "@app/queries/download";
+import { useDownloadStaticReport } from "@app/queries/applications";
 
 export enum MimeType {
   TAR = "tar",
   YAML = "yaml",
 }
-function DownloadButton({
-  application,
-  mimeType,
-}: {
-  application: Application;
+interface IDownloadButtonProps {
+  id: number;
   mimeType: MimeType;
-}) {
+}
+export const DownloadButton: React.FC<IDownloadButtonProps> = ({
+  id,
+  mimeType,
+}) => {
   const {
     mutate: downloadFile,
     isLoading,
@@ -24,7 +24,7 @@ function DownloadButton({
 
   const handleDownload = () => {
     downloadFile({
-      applicationId: application.id,
+      applicationId: id,
       mimeType: mimeType,
     });
   };
@@ -51,6 +51,6 @@ function DownloadButton({
       )}
     </>
   );
-}
+};
 
 export default DownloadButton;
diff --git a/client/src/app/queries/applications.ts b/client/src/app/queries/applications.ts
@@ -1,8 +1,9 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { AxiosError } from "axios";
+import axios, { AxiosError } from "axios";
 
 import { MimeType } from "@app/api/models";
 import {
+  APPLICATIONS,
   createApplication,
   deleteApplication,
   deleteBulkApplications,
@@ -13,6 +14,7 @@ import {
 } from "@app/api/rest";
 import { reviewsQueryKey } from "./reviews";
 import { assessmentsQueryKey } from "./assessments";
+import saveAs from "file-saver";
 
 export const ApplicationDependencyQueryKey = "applicationdependencies";
 export const ApplicationsQueryKey = "applications";