feat(download): update download functionality to use downloadPattern and include getDownloadUrl prop

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/custom/CatalogDesignTable/DesignTableColumnConfig.tsx

@@ -3,8 +3,8 @@ import { PLAYGROUND_MODES } from '../../constants/constants';
 import { ChainIcon, CopyIcon, KanvasIcon, PublishIcon } from '../../icons';
 import Download from '../../icons/Download/Download';
 import { CHARCOAL } from '../../theme';
-import { downloadYaml, slugify } from '../CatalogDetail/helper';
-import { RESOURCE_TYPES } from '../CatalogDetail/types';
+import { downloadPattern, slugify } from '../CatalogDetail/helper';
+import { PATTERNS, RESOURCE_TYPES } from '../CatalogDetail/types';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import { ConditionalTooltip } from '../Helpers/CondtionalTooltip';
 import { ColView } from '../Helpers/ResponsiveColumns/responsive-coulmns.tsx';
@@ -25,6 +25,7 @@ interface ColumnConfigProps {
   handleCopyUrl: (type: string, name: string, id: string) => void;
   handleClone: (name: string, id: string) => void;
   handleShowDetails: (designId: string, designName: string) => void;
+  getDownloadUrl: (sorceType: string, id: string) => string;
   isDownloadAllowed: boolean;
   isCopyLinkAllowed: boolean;
   isDeleteAllowed: boolean;
@@ -53,6 +54,7 @@ export const createDesignsColumnsConfig = ({
   handleCopyUrl,
   handleClone,
   handleShowDetails,
+  getDownloadUrl,
   isUnpublishAllowed,
   isCopyLinkAllowed,
   isDeleteAllowed,
@@ -167,7 +169,7 @@ export const createDesignsColumnsConfig = ({
           const actionsList = [
             {
               title: 'Download',
-              onClick: () => downloadYaml(rowData?.pattern_file, rowData?.name),
+              onClick: () => downloadPattern(rowData.id, rowData.name, PATTERNS, getDownloadUrl),
               disabled: !isDownloadAllowed,
               icon: <Download width={24} height={24} fill={CHARCOAL} />
             },

src/custom/CatalogDesignTable/columnConfig.tsx

@@ -13,8 +13,8 @@ import {
   PublishIcon,
   TwitterIcon
 } from '../../icons';
-import { downloadFilter, downloadYaml } from '../CatalogDetail/helper';
-import { RESOURCE_TYPES } from '../CatalogDetail/types';
+import { downloadPattern } from '../CatalogDetail/helper';
+import { PATTERNS } from '../CatalogDetail/types';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import { ConditionalTooltip } from '../Helpers/CondtionalTooltip';
 import { ColView } from '../Helpers/ResponsiveColumns/responsive-coulmns.tsx/responsive-column';
@@ -48,13 +48,13 @@ interface ColumnConfigProps {
   handleUnpublish?: (design: Pattern) => void;
   maxWidth?: boolean;
   getCatalogUrl: (type: string, name: string) => string;
-  type?: string;
   theme?: any;
   showUnpublish?: boolean;
   showOpenPlayground?: boolean;
   currentUserId?: string;
   isCloneDisabled?: boolean;
   isUnpublishDisabled?: boolean;
+  getDownloadUrl: (sorceType: string, id: string) => string;
 }
 
 interface ActionItem {
@@ -74,15 +74,14 @@ export const createDesignColumns = ({
   handleUnpublish = () => {},
   maxWidth = true,
   getCatalogUrl,
-  type,
+  getDownloadUrl,
   theme,
   showUnpublish,
   currentUserId,
   isCloneDisabled,
   isUnpublishDisabled,
   showOpenPlayground
 }: ColumnConfigProps): MUIDataTableColumn[] => {
-  const cleanedType = type?.replace('my-', '').replace(/s$/, '');
   return [
     {
       name: 'id',
@@ -260,11 +259,7 @@ export const createDesignColumns = ({
             },
             {
               title: 'Download',
-              onClick: () => {
-                cleanedType === RESOURCE_TYPES.FILTERS
-                  ? downloadFilter(rowData.id, rowData.name)
-                  : downloadYaml(rowData.pattern_file, rowData.name);
-              },
+              onClick: () => downloadPattern(rowData.id, rowData.name, PATTERNS, getDownloadUrl),
               icon: <DownloadIcon width={24} height={24} fill={theme.palette.text.primary} />
             },
             {