From a060ddbef21133fa988a63aa5ebe64349a09c043 Mon Sep 17 00:00:00 2001
From: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
Date: Mon, 13 Sep 2021 18:01:55 -0700
Subject: [PATCH] Collapsed Menu Icon (#1040)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
---
 portal-ui/src/screens/Console/Menu/Menu.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/portal-ui/src/screens/Console/Menu/Menu.tsx b/portal-ui/src/screens/Console/Menu/Menu.tsx
index 7545618f4..01b220917 100644
--- a/portal-ui/src/screens/Console/Menu/Menu.tsx
+++ b/portal-ui/src/screens/Console/Menu/Menu.tsx
@@ -40,6 +40,7 @@ import {
   IAMPoliciesIcon,
   TraceIcon,
   UsersIcon,
+  VersionIcon,
 } from "../../../icons";
 import { ErrorResponseHandler } from "../../../common/types";
 import { clearSession } from "../../../common/utils";
@@ -85,7 +86,7 @@ const styles = (theme: Theme) =>
     },
     logoClosed: {
       paddingTop: 25,
-      marginBottom: 30,
+      marginBottom: 0,
       paddingLeft: 34,
       transition: theme.transitions.create("paddingLeft", {
         easing: theme.transitions.easing.sharp,
@@ -263,6 +264,10 @@ const styles = (theme: Theme) =>
         width: 120,
       },
     },
+    logoIconClosed: {
+      color: "white",
+      marginLeft: 11,
+    },
   });
 
 interface IMenuProps {
@@ -525,7 +530,11 @@ const Menu = ({
               {operatorMode ? <OperatorLogo /> : <ConsoleLogo />}
             </span>
           )}
-
+          {!sidebarOpen && (
+            <div className={classes.logoIconClosed}>
+              <VersionIcon />
+            </div>
+          )}
           <IconButton
             onClick={() => {
               if (sidebarOpen) {