Add a link to the fossa details

Signed-off-by: Dominik Henneke <dominik.henneke@sda-se.com>

plugins/fossa/dev/index.tsx

@@ -140,7 +140,12 @@ createDevApp()
           await new Promise(r => setTimeout(r, 1000));
 
           return {
-            items: [entity('zero-deps'), entity('issues'), entity('no-issues')],
+            items: [
+              entity('no-fossa'),
+              entity('zero-deps'),
+              entity('issues'),
+              entity('no-issues'),
+            ],
           };
         },
       } as Partial<CatalogApi>) as any),

plugins/fossa/src/components/FossaPage/FossaPage.tsx

@@ -22,6 +22,7 @@ import {
 import {
   Content,
   Header,
+  Link,
   Page,
   StatusError,
   StatusOK,
@@ -63,6 +64,7 @@ const columns: TableColumn<FossaRow>[] = [
     title: 'Name',
     field: 'resolved.name',
     highlight: true,
+    width: 'auto',
     render: ({ entity }) => (
       <EntityRefLink entityRef={entity} defaultKind="Component" />
     ),
@@ -70,7 +72,6 @@ const columns: TableColumn<FossaRow>[] = [
   {
     title: 'Owner',
     field: 'resolved.ownedByRelationsTitle',
-    highlight: true,
     render: ({ resolved }) => (
       <EntityRefLinks
         entityRefs={resolved.ownedByRelations}
@@ -146,6 +147,16 @@ const columns: TableColumn<FossaRow>[] = [
       );
     },
   },
+  {
+    sorting: false,
+    render: ({ resolved: { loading, details } }) => {
+      if (loading) {
+        return <Skeleton animation="pulse" />;
+      }
+
+      return details && <Link to={details.projectUrl}>View in FOSSA</Link>;
+    },
+  },
 ];
 
 const filters: TableFilter[] = [