From 0086aa8f64e9c37c59756da2608d141e34240956 Mon Sep 17 00:00:00 2001
From: jinapurapu <65002498+jinapurapu@users.noreply.github.com>
Date: Thu, 11 Nov 2021 12:30:16 -0800
Subject: [PATCH] Added ref to documentation links on Basic dashboard help card
 (#1219)

* Created help Box guiding user to Prometheus documentation

* Created PrometheusIcon for help card

* Added ref to documentation links

* Changed order of url parameters

Co-authored-by: Alex <33497058+bexsoft@users.noreply.github.com>
Co-authored-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
---
 .../BasicDashboard/BasicDashboard.tsx         | 53 ++++++++++---------
 1 file changed, 29 insertions(+), 24 deletions(-)

diff --git a/portal-ui/src/screens/Console/Dashboard/BasicDashboard/BasicDashboard.tsx b/portal-ui/src/screens/Console/Dashboard/BasicDashboard/BasicDashboard.tsx
index eb7aad154..9c240283c 100644
--- a/portal-ui/src/screens/Console/Dashboard/BasicDashboard/BasicDashboard.tsx
+++ b/portal-ui/src/screens/Console/Dashboard/BasicDashboard/BasicDashboard.tsx
@@ -242,39 +242,44 @@ const BasicDashboard = ({ classes, usage }: IDashboardProps) => {
         </Grid>
       </Grid>
       <Grid
-                container
-                justifyContent={"center"}
-                alignContent={"center"}
-                alignItems={"center"}
-              >
-       <Grid item xs={8}>
+        container
+        justifyContent={"center"}
+        alignContent={"center"}
+        alignItems={"center"}
+      >
+        <Grid item xs={8}>
           <HelpBox
-           iconComponent={<PrometheusIcon />}
-           title={"Monitoring"}
-           help={
-             <Fragment>
-              The MinIO Dashboard is displaying basic metrics only due to missing the{" "} 
-              <a
-                  href="https://docs.min.io/minio/baremetal/console/minio-console.html#configuration"
+            iconComponent={<PrometheusIcon />}
+            title={"Monitoring"}
+            help={
+              <Fragment>
+                The MinIO Dashboard is displaying basic metrics only due to
+                missing the{" "}
+                <a
+                  href="https://docs.min.io/minio/baremetal/console/minio-console.html?ref=con#configuration"
                   target="_blank"
                   rel="noreferrer"
-              >necessary settings
-              </a>                
-              {" "}for displaying extended metrics.              
+                >
+                  necessary settings
+                </a>{" "}
+                for displaying extended metrics.
                 <br />
                 <br />
-                See <a
-                  href="https://docs.min.io/minio/baremetal/monitoring/metrics-alerts/collect-minio-metrics-using-prometheus.html#minio-metrics-collect-using-prometheus"
+                See{" "}
+                <a
+                  href="https://docs.min.io/minio/baremetal/monitoring/metrics-alerts/collect-minio-metrics-using-prometheus.html?ref=con#minio-metrics-collect-using-prometheus"
                   target="_blank"
                   rel="noreferrer"
-                >Collect MinIO Metrics Using Prometheus
-                </a> 
-                {" "}for a complete tutorial on scraping and visualizing MinIO metrics with Prometheus.                              
+                >
+                  Collect MinIO Metrics Using Prometheus
+                </a>{" "}
+                for a complete tutorial on scraping and visualizing MinIO
+                metrics with Prometheus.
               </Fragment>
-               }
-            />
-        </Grid>
+            }
+          />
         </Grid>
+      </Grid>
     </Fragment>
   );
 };