From 79b64d3e94841ac0309edb05a3e309101fdd9e30 Mon Sep 17 00:00:00 2001
From: burnettk <burnettk@users.noreply.github.com>
Date: Tue, 9 May 2023 22:55:56 -0400
Subject: [PATCH] round corners and add border, and close by default

---
 .../src/components/NavigationBar.tsx          | 36 ++-----------------
 spiffworkflow-frontend/src/index.css          |  2 ++
 2 files changed, 4 insertions(+), 34 deletions(-)

diff --git a/spiffworkflow-frontend/src/components/NavigationBar.tsx b/spiffworkflow-frontend/src/components/NavigationBar.tsx
index a0984d284..3789cfff5 100644
--- a/spiffworkflow-frontend/src/components/NavigationBar.tsx
+++ b/spiffworkflow-frontend/src/components/NavigationBar.tsx
@@ -86,43 +86,11 @@ export default function NavigationBar() {
     return activeKey === menuItemPath;
   };
 
-  const [openTwo, setOpenTwo] = useState<boolean>(false);
-
-  const popover = (
-    <div style={{ display: 'flex' }} id="profile-user-button">
-      <Popover open={openTwo} isTabTip align="bottom-right">
-        <button
-          aria-label="User Actions"
-          className="hot-button"
-          type="button"
-          onClick={() => {
-            setOpenTwo(!openTwo);
-          }}
-        >
-          <div className="user-circle with-top-margin">
-            {UserService.getPreferredUsername()[0].toUpperCase()}
-          </div>
-        </button>
-        <PopoverContent className="p-3">
-          <p>{UserService.getPreferredUsername()}</p>
-          <p>{UserService.getUserEmail()}</p>
-          <hr />
-          <Button
-            kind="ghost"
-            className="button-link-for-popover"
-            onClick={handleLogout}
-          >
-            <Logout />
-            &nbsp;&nbsp;Sign out
-          </Button>
-        </PopoverContent>
-      </Popover>
-    </div>
-  );
+  const [openProfileMenu, setOpenProfileMenu] = useState<boolean>(false);
 
   const toggletip = (
     <div style={{ display: 'flex' }} id="profile-user-button">
-      <Toggletip defaultOpen isTabTip align="bottom-right">
+      <Toggletip open={openProfileMenu} isTabTip align="bottom-right">
         <ToggletipButton
           aria-label="User Actions"
           className="profile-user-toggle-button"
diff --git a/spiffworkflow-frontend/src/index.css b/spiffworkflow-frontend/src/index.css
index 2ddf376a6..730b88481 100644
--- a/spiffworkflow-frontend/src/index.css
+++ b/spiffworkflow-frontend/src/index.css
@@ -224,6 +224,8 @@ h1.with-icons {
 #profile-user-button .cds--popover--bottom-right .cds--popover-content {
   bottom: 11px;
   right: -2px;
+  border-radius: 5px;
+  border: 3px solid black;
 }
 
 #profile-user-button .cds--popover-caret {