From ab6dfa3aa2a29dd1f546d267bcca49f9c9f17edf Mon Sep 17 00:00:00 2001
From: Nikita Nek Dudnik <nikdudnik@gmail.com>
Date: Mon, 27 Jul 2020 10:42:06 +0200
Subject: [PATCH] feat: add github icon and more descriptive text

---
 .../WorkflowRunDetailsPage.tsx                      | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx b/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx
index 308ae297d8..283fd60ec6 100644
--- a/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx
+++ b/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx
@@ -54,6 +54,7 @@ import { useWorkflowRunsDetails } from './useWorkflowRunsDetails';
 import { useWorkflowRunJobs } from './useWorkflowRunJobs';
 import { WorkflowRunStatusIcon } from '../WorkflowRunStatusIcon/WorkflowRunStatusIcon';
 import { useProjectName } from '../useProjectName';
+import GitHubIcon from '@material-ui/icons/GitHub';
 
 const useStyles = makeStyles<Theme>(theme => ({
   root: {
@@ -241,9 +242,15 @@ export const WorkflowRunDetailsPage = () => {
                       </TableCell>
                       <TableCell>
                         {details.value?.html_url && (
-                          <Button>
-                            <a href={details.value.html_url}>GitHub</a>
-                          </Button>
+                          <a href={details.value.html_url}>
+                            <Button
+                              variant="contained"
+                              color="default"
+                              startIcon={<GitHubIcon />}
+                            >
+                              Workflow runs on GitHub
+                            </Button>
+                          </a>
                         )}
                       </TableCell>
                     </TableRow>