diff --git a/ui/src/layout/ActivityMenu.js b/ui/src/layout/ActivityPanel.js
similarity index 59%
rename from ui/src/layout/ActivityMenu.js
rename to ui/src/layout/ActivityPanel.js
index e6fe6ee64..bb0c55c16 100644
--- a/ui/src/layout/ActivityMenu.js
+++ b/ui/src/layout/ActivityPanel.js
@@ -2,15 +2,21 @@ import React, { useState, useEffect } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { fetchUtils } from 'react-admin'
import {
- Menu,
- MenuItem,
+ Popover,
Badge,
CircularProgress,
IconButton,
makeStyles,
Tooltip,
+ Card,
+ CardContent,
+ CardActions,
+ Divider,
+ Box,
} from '@material-ui/core'
import { FiActivity } from 'react-icons/fi'
+import { VscSync } from 'react-icons/vsc'
+import { GiMagnifyingGlass } from 'react-icons/gi'
import subsonic from '../subsonic'
import { scanStatusUpdate } from '../actions'
@@ -29,9 +35,12 @@ const useStyles = makeStyles((theme) => ({
color: 'inherit',
zIndex: 2,
},
+ counterStatus: {
+ minWidth: '16em',
+ },
}))
-const ActivityMenu = () => {
+const ActivityPanel = () => {
const classes = useStyles()
const [anchorEl, setAnchorEl] = useState(null)
const open = Boolean(anchorEl)
@@ -39,8 +48,9 @@ const ActivityMenu = () => {
const dispatch = useDispatch()
const handleMenuOpen = (event) => setAnchorEl(event.currentTarget)
- const handleCloseClose = () => setAnchorEl(null)
- const triggerScan = () => fetch(subsonic.url('startScan'))
+ const handleMenuClose = () => setAnchorEl(null)
+ const triggerScan = (full) => () =>
+ fetch(subsonic.url('startScan', null, { fullScan: full }))
// Get updated status on component mount
useEffect(() => {
@@ -66,8 +76,8 @@ const ActivityMenu = () => {
{scanStatus.scanning && (