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')(
{album.album}
@@ -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 ? ( - + ) : ( )}