diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index 0e53c0030..f56d4643d 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, useListContext } from 'react-admin'
+import { linkToRecord, useListContext, Loading } from 'react-admin'
import { withContentRect } from 'react-measure'
import subsonic from '../subsonic'
import {
@@ -104,7 +104,7 @@ const Cover = withContentRect('bounds')(
@@ -113,8 +113,10 @@ const Cover = withContentRect('bounds')(
)
const AlbumGridTile = ({ showArtist, record, basePath }) => {
- const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
const classes = useStyles()
+ const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'), {
+ noSsr: true,
+ })
return (
@@ -183,7 +185,9 @@ const LoadedAlbumGrid = ({ ids, data, basePath, width }) => {
)
}
-const AlbumGridView = ({ loading, ...props }) =>
- loading ?
:
+const AlbumGridView = ({ albumListType, loading, ...props }) => {
+ const hide = loading && albumListType === 'random'
+ return hide ?
:
+}
export default withWidth()(AlbumGridView)
diff --git a/ui/src/album/AlbumList.js b/ui/src/album/AlbumList.js
index aa033eae5..91008e550 100644
--- a/ui/src/album/AlbumList.js
+++ b/ui/src/album/AlbumList.js
@@ -94,7 +94,7 @@ const AlbumList = (props) => {
title={
}
>
{albumView.grid ? (
-
+
) : (
)}