From 9c6ed83d63f51466a1eae75ab36e822fe28f509f Mon Sep 17 00:00:00 2001
From: Daniel Valdivia <hola@danielvaldivia.com>
Date: Fri, 2 Apr 2021 17:04:55 -0700
Subject: [PATCH] make tenant breadcrum clickable (#683)

---
 .../Tenants/TenantDetails/TenantDetails.tsx      | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx
index 24f28ba8d..d9288ab3d 100644
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantDetails.tsx
@@ -43,6 +43,7 @@ import { LicenseInfo } from "../../License/types";
 import { Link } from "react-router-dom";
 import { setErrorSnackMessage } from "../../../../actions";
 import Moment from "react-moment";
+import { Fragment } from "react";
 
 interface ITenantDetailsProps {
   classes: any;
@@ -157,6 +158,10 @@ const styles = (theme: Theme) =>
       right: 0,
       bottom: 29,
     },
+    breadcrumLink: {
+      textDecoration: "none",
+      color: "black",
+    },
     ...modalBasic,
     ...containerForHeader(theme.spacing(4)),
   });
@@ -343,7 +348,16 @@ const TenantDetails = ({
           namespace={tenantNamespace}
         />
       )}
-      <PageHeader label={`Tenant > ${match.params["tenantName"]}`} />
+      <PageHeader
+        label={
+          <Fragment>
+            <Link to={"/tenants"} className={classes.breadcrumLink}>
+              Tenant
+            </Link>
+            {` > ${match.params["tenantName"]}`}
+          </Fragment>
+        }
+      />
       <Grid item xs={12} className={classes.container} />
       <Grid container>
         <Grid item xs={12}>