From ce473b928609d58fdd1176125f7aac3e63892bb9 Mon Sep 17 00:00:00 2001
From: Lenin Alevski <alevsk.8772@gmail.com>
Date: Tue, 30 Mar 2021 17:01:56 -0700
Subject: [PATCH] Adding references for operator and console links in license
 page (#675)

---
 .../src/screens/Console/License/License.tsx   | 19 +++++++++++++++----
 portal-ui/src/screens/Console/Menu/Menu.tsx   | 16 ++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/portal-ui/src/screens/Console/License/License.tsx b/portal-ui/src/screens/Console/License/License.tsx
index 9d622757f..06276b48a 100644
--- a/portal-ui/src/screens/Console/License/License.tsx
+++ b/portal-ui/src/screens/Console/License/License.tsx
@@ -526,7 +526,9 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                     className={classes.button}
                     target="_blank"
                     rel="noopener noreferrer"
-                    href="https://subnet.min.io/support/?ref=op"
+                    href={`https://subnet.min.io/support/?ref=${
+                      operatorMode ? "op" : "con"
+                    }`}
                   >
                     Login to SUBNET
                   </Button>
@@ -572,7 +574,9 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                   </Typography>
                   <br />
                   <a
-                    href="https://min.io/compliance?ref=op"
+                    href={`https://min.io/compliance?ref=${
+                      operatorMode ? "op" : "con"
+                    }`}
                     className={classes.openSourcePolicy}
                     target="_blank"
                     rel="nofollow noopener noreferrer"
@@ -582,7 +586,9 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                   <br />
                   <br />
                   <a
-                    href="https://min.io/logo?ref=op"
+                    href={`https://min.io/logo?ref=${
+                      operatorMode ? "op" : "con"
+                    }`}
                     className={classes.openSourcePolicy}
                     target="_blank"
                     rel="nofollow noopener noreferrer"
@@ -796,7 +802,12 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                               }
                               onClick={(e) => {
                                 e.preventDefault();
-                                window.open(button.link, "_blank");
+                                window.open(
+                                  `${button.link}/?ref=${
+                                    operatorMode ? "op" : "con"
+                                  }`,
+                                  "_blank"
+                                );
                               }}
                             >
                               {currentPlanID !== index && index > 0
diff --git a/portal-ui/src/screens/Console/Menu/Menu.tsx b/portal-ui/src/screens/Console/Menu/Menu.tsx
index 681026c34..1b3de990c 100644
--- a/portal-ui/src/screens/Console/Menu/Menu.tsx
+++ b/portal-ui/src/screens/Console/Menu/Menu.tsx
@@ -46,6 +46,7 @@ import {
   UsersIcon,
   WarpIcon,
 } from "../../../icons";
+import LibraryBooksIcon from "@material-ui/icons/LibraryBooks";
 import { clearSession } from "../../../common/utils";
 import LicenseIcon from "../../../icons/LicenseIcon";
 import LogoutIcon from "../../../icons/LogoutIcon";
@@ -444,6 +445,21 @@ const Menu = ({ userLoggedIn, classes, pages, operatorMode }: IMenuProps) => {
                       return null;
                   }
                 })}
+                <ListItem
+                  button
+                  onClick={(e) => {
+                    e.preventDefault();
+                    window.open(
+                      `https://docs.min.io/?ref=${operatorMode ? "op" : "con"}`,
+                      "_blank"
+                    );
+                  }}
+                >
+                  <ListItemIcon>
+                    <LibraryBooksIcon />
+                  </ListItemIcon>
+                  <ListItemText primary="Documentation" />
+                </ListItem>
                 <Divider />
               </Collapse>
             </React.Fragment>