From 6df6d785d7745c588abde6fb56a2ceaca9d297be Mon Sep 17 00:00:00 2001
From: Alex <33497058+bexsoft@users.noreply.github.com>
Date: Wed, 10 Nov 2021 11:54:22 -0600
Subject: [PATCH] Changed link button component for MinIO Image (#1208)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>

Co-authored-by: Benjamin Perez <benjamin@bexsoft.net>
Co-authored-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
---
 portal-ui/src/screens/Console/Common/AButton.tsx    |  1 +
 .../Console/Tenants/TenantDetails/TenantSummary.tsx | 13 ++++++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/portal-ui/src/screens/Console/Common/AButton.tsx b/portal-ui/src/screens/Console/Common/AButton.tsx
index 485d00aa7..a5908e51a 100644
--- a/portal-ui/src/screens/Console/Common/AButton.tsx
+++ b/portal-ui/src/screens/Console/Common/AButton.tsx
@@ -31,6 +31,7 @@ const styles = (theme: Theme) =>
       cursor: "pointer",
       fontSize: "inherit",
       color: theme.palette.info.main,
+      fontFamily: "Lato, sans-serif",
     },
   });
 
diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx
index 0c9897bdb..0a404a0cc 100644
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx
@@ -35,6 +35,7 @@ import { AppState } from "../../../../store";
 import history from "./../../../../history";
 import { CircleIcon } from "../../../../icons";
 import { tenantIsOnline } from "../ListTenants/utils";
+import AButton from "../../Common/AButton";
 
 interface ITenantsSummary {
   classes: any;
@@ -108,7 +109,9 @@ const styles = (theme: Theme) =>
         marginBottom: 2,
       },
     },
-
+    linkedSection: {
+      color: theme.palette.info.main,
+    },
     ...containerForHeader(theme.spacing(4)),
   });
 
@@ -200,6 +203,7 @@ const TenantSummary = ({
                       href={tenant?.endpoints?.minio}
                       target="_blank"
                       rel="noopener noreferrer"
+                      className={classes.linkedSection}
                     >
                       {tenant?.endpoints?.minio}
                     </a>
@@ -231,6 +235,7 @@ const TenantSummary = ({
                       href={tenant?.endpoints?.console}
                       target="_blank"
                       rel="noopener noreferrer"
+                      className={classes.linkedSection}
                     >
                       {tenant?.endpoints?.console}
                     </a>
@@ -242,15 +247,13 @@ const TenantSummary = ({
                 <div>
                   <b>MinIO:</b>
                   <i>
-                    <Button
-                      color="primary"
-                      className={classes.anchorButton}
+                    <AButton
                       onClick={() => {
                         setUpdateMinioVersion(true);
                       }}
                     >
                       {tenant ? tenant.image : ""}
-                    </Button>
+                    </AButton>
                   </i>
                   <div />
                 </div>