From b1a9dfee13357f6ef87378a7808d552f3875c028 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Thu, 12 Nov 2020 17:08:20 -0500
Subject: [PATCH] Replace <hr/> with Material-UI's <Divider/>

---
 ui/src/layout/AppBar.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/layout/AppBar.js b/ui/src/layout/AppBar.js
index e72ecf0c..feb951a1 100644
--- a/ui/src/layout/AppBar.js
+++ b/ui/src/layout/AppBar.js
@@ -8,7 +8,7 @@ import {
   getResources,
 } from 'react-admin'
 import { useSelector } from 'react-redux'
-import { makeStyles, MenuItem, ListItemIcon } from '@material-ui/core'
+import { makeStyles, MenuItem, ListItemIcon, Divider } from '@material-ui/core'
 import ViewListIcon from '@material-ui/icons/ViewList'
 import InfoIcon from '@material-ui/icons/Info'
 import AboutDialog from './AboutDialog'
@@ -93,9 +93,9 @@ const CustomUserMenu = ({ onClick, ...rest }) => {
       {config.devActivityMenu && permissions === 'admin' && <ActivityMenu />}
       <UserMenu {...rest}>
         <PersonalMenu sidebarIsOpen={true} onClick={onClick} />
-        <hr />
+        <Divider />
         {resources.filter(settingsResources).map(renderSettingsMenuItemLink)}
-        <hr />
+        <Divider />
         <AboutMenuItem />
       </UserMenu>
     </>