From c2369b7be68c659b1367a141a91b77cf3c8859bb Mon Sep 17 00:00:00 2001
From: Sebastian Qvarfordt <hooloovoo@pop-os.localdomain>
Date: Thu, 4 Jun 2020 17:05:51 +0200
Subject: [PATCH] Added working link button

---
 plugins/catalog/src/data/utils.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/plugins/catalog/src/data/utils.tsx b/plugins/catalog/src/data/utils.tsx
index 71661ead53..dc72f1ce14 100644
--- a/plugins/catalog/src/data/utils.tsx
+++ b/plugins/catalog/src/data/utils.tsx
@@ -17,6 +17,13 @@ import React from 'react';
 import { Component } from './component';
 import { Entity, Location } from '@backstage/catalog-model';
 import Edit from '@material-ui/icons/Edit';
+import IconButton from '@material-ui/core/IconButton';
+import { styled } from '@material-ui/core/styles';
+
+const DescriptionWrapper = styled('span')({
+  display: 'flex',
+  alignItems: 'center',
+});
 
 export function envelopeToComponent(
   envelope: Entity,
@@ -26,10 +33,14 @@ export function envelopeToComponent(
     name: envelope.metadata?.name ?? '',
     kind: envelope.kind ?? 'unknown',
     description: (
-      <span style={{ display: 'flex', alignItems: 'center' }}>
+      <DescriptionWrapper>
         {envelope.metadata?.annotations?.description ?? 'placeholder'}
-        <Edit style={{ fontSize: 20, paddingLeft: '5px' }} />
-      </span>
+        <a href={location?.target}>
+          <IconButton size="small">
+            <Edit fontSize="small" />
+          </IconButton>
+        </a>
+      </DescriptionWrapper>
     ),
     location,
   };