From 1df1a2da6869a365714d4a8216f24e13b0e15e70 Mon Sep 17 00:00:00 2001
From: mheggelund <maohe@equinor.com>
Date: Fri, 22 Sep 2023 12:42:02 +0200
Subject: [PATCH] refactor: Moved logout button

---
 src/App.tsx                         | 2 --
 src/features/AppBar/Icons/Icons.tsx | 5 ++++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9ebcfe35..f5b8e44d 100644
--- 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
index 7c286595..41469b8b 100644
--- 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>