feat: Add link to workload in resources tab

Author: gansheer

src/components/camel-app-resources/CamelAppOwnerResource.tsx

@@ -1,10 +1,12 @@
 import * as React from 'react';
-import { Card, CardBody, CardTitle } from '@patternfly/react-core';
+import { Card, CardBody, CardTitle, TextContent } from '@patternfly/react-core';
 import {
   K8sGroupVersionKind,
   K8sResourceKind,
   ResourceLink,
 } from '@openshift-console/dynamic-plugin-sdk';
+import { Link } from 'react-router-dom-v5-compat';
+import { useTranslation } from 'react-i18next';
 
 type CamelAppOwnerResourceProps = {
   obj: K8sResourceKind;
@@ -15,17 +17,32 @@ const CamelAppOwnerResource: React.FC<CamelAppOwnerResourceProps> = ({
   obj: camelAppOwner,
   gvk: ownerGvk,
 }) => {
+  const { t } = useTranslation('plugin__camel-openshift-console-plugin');
+
   return (
     <Card>
       <CardTitle>{camelAppOwner.kind}</CardTitle>
       <CardBody>
         <ul className="list-group">
           <li className="list-group-item">
-            <ResourceLink
-              groupVersionKind={ownerGvk}
-              name={camelAppOwner.metadata.name}
-              namespace={camelAppOwner.metadata.namespace}
-            />
+            <div className="row">
+              <span className="col-xs-5">
+                <ResourceLink
+                  groupVersionKind={ownerGvk}
+                  name={camelAppOwner.metadata.name}
+                  namespace={camelAppOwner.metadata.namespace}
+                />
+              </span>
+              <span className="col-xs-4 text-right">
+                <TextContent>
+                  <Link
+                    to={`/dev-monitoring/ns/${camelAppOwner.metadata.namespace}?dashboard=dashboard-k8s-resources-workload&workload=${camelAppOwner.metadata.name}&type=ALL_OPTIONS_KEY`}
+                  >
+                    {t('View dashboards')}
+                  </Link>
+                </TextContent>
+              </span>
+            </div>
           </li>
         </ul>
       </CardBody>