diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index ff1d1c842..e9286a312 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -9,7 +9,7 @@ import {
import { makeStyles } from '@material-ui/core/styles'
import withWidth from '@material-ui/core/withWidth'
import { Link } from 'react-router-dom'
-import { linkToRecord, Loading } from 'react-admin'
+import { linkToRecord, Loading, useListContext } from 'react-admin'
import { withContentRect } from 'react-measure'
import subsonic from '../subsonic'
import {
@@ -147,8 +147,10 @@ const AlbumGridTile = ({ showArtist, record, basePath }) => {
)
}
-const LoadedAlbumGrid = ({ ids, data, basePath, width, isArtistView }) => {
+const LoadedAlbumGrid = ({ ids, data, basePath, width }) => {
const classes = useStyles()
+ const { filterValues } = useListContext()
+ const isArtistView = !!(filterValues && filterValues.artist_id)
return (
diff --git a/ui/src/album/AlbumList.js b/ui/src/album/AlbumList.js
index 075405fda..dd90fce88 100644
--- a/ui/src/album/AlbumList.js
+++ b/ui/src/album/AlbumList.js
@@ -10,7 +10,6 @@ import {
SearchInput,
Pagination,
useTranslate,
- useListParams,
} from 'react-admin'
import StarIcon from '@material-ui/icons/Star'
import { withWidth } from '@material-ui/core'
@@ -59,18 +58,11 @@ const AlbumListTitle = ({ albumListType }) => {
}
const AlbumList = (props) => {
- const { width, resource } = props
+ const { width } = props
const albumView = useSelector((state) => state.albumView)
const [perPage, perPageOptions] = useAlbumsPerPage(width)
const location = useLocation()
- const [query] = useListParams({
- resource,
- location,
- perPage,
- })
- const isArtistView = !!(query.filter && query.filter.artist_id)
-
const albumListType = location.pathname
.replace(/^\/album/, '')
.replace(/^\//, '')
@@ -99,7 +91,7 @@ const AlbumList = (props) => {
title={
}
>
{albumView.grid ? (
-
+
) : (
)}