update workspace tables

Signed-off-by: aabidsofi19 <[email protected]>

Author: aabidsofi19

src/custom/CatalogDesignTable/DesignTableColumnConfig.tsx

@@ -28,6 +28,7 @@ interface ColumnConfigProps {
   handleCopyUrl: (type: string, name: string, id: string) => void;
   handleClone: (name: string, id: string) => void;
   handleShowDetails: (designId: string, designName: string) => void;
+  handleOpenInDesigner?: (designId: string, designName: string) => void;
   handleDownload?: (design: Pattern) => void;
   getDownloadUrl?: (id: string) => string;
   isDownloadAllowed: boolean;
@@ -39,6 +40,7 @@ interface ColumnConfigProps {
   isFromWorkspaceTable?: boolean;
   isRemoveAllowed?: boolean;
   theme?: Theme;
+  showPlaygroundActions: boolean;
 }
 
 export const colViews: ColView[] = [
@@ -68,6 +70,8 @@ export const createDesignsColumnsConfig = ({
   isDownloadAllowed,
   isRemoveAllowed,
   theme,
+  handleOpenInDesigner,
+  showPlaygroundActions = true,
   isFromWorkspaceTable = false
 }: ColumnConfigProps): MUIDataTableColumn[] => {
   return [
@@ -208,6 +212,7 @@ export const createDesignsColumnsConfig = ({
             },
             {
               title: 'Open in Playground',
+              hidden: showPlaygroundActions == false,
               onClick: () => {
                 window.open(
                   `https://playground.meshery.io/extension/meshmap?mode=${
@@ -220,13 +225,25 @@ export const createDesignsColumnsConfig = ({
                 <KanvasIcon width={24} height={24} primaryFill={theme?.palette.icon.secondary} />
               )
             },
+
+            {
+              hidden: !handleOpenInDesigner,
+              title: 'Open in Designer',
+              // disabled : !handleOpenInDesigner,
+              onClick: () =>
+                handleOpenInDesigner && handleOpenInDesigner(rowData?.id, rowData?.name),
+              icon: (
+                <KanvasIcon width={24} height={24} primaryFill={theme?.palette.icon.secondary} />
+              )
+            },
+
             {
               title: isFromWorkspaceTable ? 'Move Design' : 'Delete',
               disabled: isFromWorkspaceTable ? !isRemoveAllowed : !isDeleteAllowed,
               onClick: () => handleDeleteModal(rowData)(),
               icon: <L5DeleteIcon />
             }
-          ];
+          ].filter((a) => a.hidden != true);
 
           const publishAction = {
             title: 'Publish',

src/custom/Workspaces/DesignTable.tsx

@@ -21,6 +21,7 @@ import useDesignAssignment from './hooks/useDesignAssignment';
 import { L5EditIcon, TableHeader, TableRightActionHeader } from './styles';
 export interface DesignTableProps {
   workspaceId: string;
+  isKanvasEnabled: boolean;
   workspaceName: string;
   designsOfWorkspace: any;
   meshModelModelsData: any;
@@ -56,6 +57,8 @@ export interface DesignTableProps {
   isAssignAllowed: boolean;
   isRemoveAllowed: boolean;
   setDesignSearch: (value: string) => void;
+  handleOpenInDesigner?: (designId: string, designName: string) => void;
+  showPlaygroundActions?: boolean;
 }
 
 export interface PublishModalState {
@@ -96,7 +99,9 @@ const DesignTable: React.FC<DesignTableProps> = ({
   isAssignAllowed,
   isRemoveAllowed,
   useGetWorkspaceDesignsQuery,
-  setDesignSearch
+  setDesignSearch,
+  handleOpenInDesigner,
+  showPlaygroundActions = true
 }) => {
   const [publishModal, setPublishModal] = useState<PublishModalState>({
     open: false,
@@ -132,7 +137,9 @@ const DesignTable: React.FC<DesignTableProps> = ({
     isUnpublishAllowed,
     isFromWorkspaceTable: true,
     isRemoveAllowed,
-    theme
+    theme,
+    handleOpenInDesigner,
+    showPlaygroundActions
   });
 
   const [publishSchema, setPublishSchema] = useState<{

src/custom/Workspaces/WorkspaceViewsTable.tsx

@@ -38,6 +38,8 @@ interface ViewsTableProps {
   isRemoveAllowed: boolean;
   isAssignAllowed: boolean;
   handleShowDetails: (viewId: string, viewName: string, filterType: string) => void;
+  handleOpenInOperator?: (designId: string, viewName: string, filterType: string) => void;
+  showPlaygroundActions?: boolean;
 }
 
 const colViews: ColView[] = [