Gray-out links from older UI functionality

Links are disabled and greyed out for non-acm functionality
Altered menu bar test

Issue-ID: POLICY-4082
Change-Id: I5b0807cfdc687de9fdc0accd38825ed6309f79db
Signed-off-by: saul.gill <saul.gill@est.tech>

1 files changed, 8 insertions, 4 deletions

diff --git a/gui-clamp/ui-react/src/components/menu/MenuBar.js b/gui-clamp/ui-react/src/components/menu/MenuBar.js
index 5ac5f88..94ec7f3 100644
--- a/gui-clamp/ui-react/src/components/menu/MenuBar.js
+++ b/gui-clamp/ui-react/src/components/menu/MenuBar.js
@@ -55,6 +55,10 @@ const StyledNavLink = styled(Nav.Link)`
 const StyledNavDropdown = styled(NavDropdown)`
   color: ${ props => props.theme.menuFontColor };
 
+  & .nav-link.disabled {
+    color: rgba(136, 136, 136, 0.5)
+  }
+
   & .dropdown-toggle {
     color: ${ props => props.theme.menuFontColor };
     background-color: ${ props => props.theme.backgroundColor };
@@ -82,15 +86,15 @@ export default class MenuBar extends React.Component {
   render() {
     return (
       <Navbar.Collapse>
-        <StyledNavDropdown title="POLICY Framework">
+        <StyledNavDropdown title="POLICY Framework" disabled>
           <NavDropdown.Item as={ StyledLink } to="/viewAllPolicies">View All Policies</NavDropdown.Item>
         </StyledNavDropdown>
-        <StyledNavDropdown title="CLAMP Options">
+        <StyledNavDropdown title="CLAMP Options" disabled>
           <NavDropdown.Item as={ StyledLink } to="/manageDictionaries">Tosca Metadata Dictionaries</NavDropdown.Item>
           <NavDropdown.Divider/>
           <NavDropdown.Item as={ StyledLink } to="/viewLoopTemplatesModal">View All Loop Templates</NavDropdown.Item>
         </StyledNavDropdown>
-        <StyledNavDropdown title="LOOP Instance">
+        <StyledNavDropdown title="LOOP Instance" disabled>
           <NavDropdown.Item as={ StyledLink } to="/createLoop">Create</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/openLoop">Open</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/closeLoop" disabled={ this.state.disabled }>Close</NavDropdown.Item>
@@ -99,7 +103,7 @@ export default class MenuBar extends React.Component {
           <NavDropdown.Item as={ StyledLink } to="/loopProperties" disabled={ this.state.disabled }>Properties</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/refreshStatus" disabled={ this.state.disabled }>Refresh Status</NavDropdown.Item>
         </StyledNavDropdown>
-        <StyledNavDropdown title="LOOP Operations">
+        <StyledNavDropdown title="LOOP Operations" disabled>
           <NavDropdown.Item as={ StyledLink } to="/submit" disabled={ this.state.disabled }>Create and deploy to Policy Framework (SUBMIT)</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/stop" disabled={ this.state.disabled }>Undeploy from Policy Framework (STOP)</NavDropdown.Item>
           <NavDropdown.Item as={ StyledLink } to="/restart" disabled={ this.state.disabled }>ReDeploy to Policy Framework (RESTART)</NavDropdown.Item>