refactor: Moved logout button

equinor · Sep 25, 2023 · 2c358e8 · 2c358e8
1 parent db5cf2b
commit 2c358e8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -15,8 +15,6 @@ export function App() {
     <>
       <AuthenticatedTemplate>
         <AppBar title="PEPM" />
-        <p>Authenticated</p>
-        <button onClick={() => instance.logoutRedirect()}>Log out</button>
         <Styled.OutletWrapper>
           <Outlet />
         </Styled.OutletWrapper>

diff --git a/src/features/AppBar/Icons/Icons.tsx b/src/features/AppBar/Icons/Icons.tsx
@@ -1,5 +1,5 @@
 import { useMsal } from '@azure/msal-react'
-import { Menu } from '@equinor/eds-core-react'
+import { Button, Menu } from '@equinor/eds-core-react'
 import {
   account_circle as accountCircle,
   notifications,
@@ -29,6 +29,9 @@ export const Icons = () => {
       <MenuIcon icon={icons.userInfo}>
         <Menu.Section title="Logged in">
           <Menu.Item>{instance.getActiveAccount()?.name}</Menu.Item>
+          <Menu.Item>
+            <Button onClick={() => instance.logoutRedirect()}>Log out</Button>
+          </Menu.Item>
         </Menu.Section>
       </MenuIcon>
     </Styled.Icons>