fix: wrong access token export from table

Author: bartoval

__tests__/useLinks.spec.ts

@@ -40,7 +40,7 @@ describe('useLinks', () => {
     accessGrants: [
       {
         metadata: { name: 'test-grant' },
-        status: { message: 'OK' }
+        status: { status: 'Ready', url: 'u', code: 'c', ca: 'ca', message: 'OK' }
       }
     ],
     accessTokens: [

src/console/pages/tabs/Links/GrantsTable.tsx

@@ -42,7 +42,7 @@ const AccessGrantTable: FC<AccessGrantTableProps> = function ({ grants, onDelete
           onClick={() => onDownloadGrant(grantData.rawData)}
           variant="link"
           isDisabled={
-            !grantData.status ||
+            grantData.rawData?.status?.status !== 'Ready' ||
             grantData.hasError ||
             new Date() > new Date(grantData.expirationTime as ISO8601Timestamp) ||
             (grantData.redemptions || 0) >= (grantData.redemptionsAllowed || 0)

src/console/pages/tabs/Links/hooks/useLinks.ts

@@ -4,6 +4,7 @@ import { useMutation } from '@tanstack/react-query';
 import { stringify } from 'yaml';
 
 import { handleYamlFilename } from '../../../../core/utils/handleYamlFilename';
+import { createAccessTokenRequest } from '../../../../core/utils/createCRD';
 import { useWatchedSkupperResource } from '../../../../hooks/useSkupperWatchResource';
 
 export const useLinks = () => {
@@ -43,9 +44,20 @@ export const useLinks = () => {
   };
 
   const handleDownloadGrant = (grant: AccessGrantCrdResponse) => {
-    if (grant?.status) {
-      const blob = new Blob([stringify(grant)], { type: 'application/json' });
-      const filename = handleYamlFilename(grant.metadata.name);
+    const isReady = grant?.status?.status === 'Ready';
+    if (isReady) {
+      const accessToken = createAccessTokenRequest({
+        metadata: { name: grant.metadata.name },
+        spec: {
+          linkCost: 1,
+          ca: grant.status!.ca,
+          code: grant.status!.code,
+          url: grant.status!.url
+        }
+      });
+
+      const blob = new Blob([stringify(accessToken)], { type: 'application/json' });
+      const filename = handleYamlFilename(accessToken.metadata.name);
 
       const link = document.createElement('a');
       link.href = window.URL.createObjectURL(blob);