1210 Implements onMoreSubscriptionsClick to navigate to the detail page

Author: ricardovdheijden

packages/orchestrator-ui-components/src/components/WfoProcessList/WfoProcessesList.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
+import { useRouter } from 'next/router';
 
 import {
     FilterQuery,
@@ -99,6 +100,7 @@ export const WfoProcessesList = ({
     const t = useTranslations('processes.index');
     const tError = useTranslations('errors');
     const { showToastMessage } = useShowToastMessage();
+    const router = useRouter();
 
     const defaultTableColumns: WfoAdvancedTableColumnConfig<ProcessListItem> = {
         workflowName: {
@@ -153,14 +155,12 @@ export const WfoProcessesList = ({
             columnType: ColumnType.DATA,
             label: t('subscriptions'),
             width: '425px',
-            renderData: ({ page: subscriptions }) => (
+            renderData: ({ page: subscriptions }, { processId }) => (
                 <WfoProcessListSubscriptionsCell
                     subscriptions={subscriptions}
                     numberOfSubscriptionsToRender={1}
                     onMoreSubscriptionsClick={() =>
-                        console.log('Show modal for more subscriptions:', {
-                            subscriptions,
-                        })
+                        router.push(`${PATH_WORKFLOWS}/${processId}`)
                     }
                 />
             ),