diff --git a/ui/src/App.js b/ui/src/App.js
index 68f725d8f..0eb50950f 100644
--- a/ui/src/App.js
+++ b/ui/src/App.js
@@ -20,7 +20,6 @@ import themeReducer from './personal/themeReducer'
import { addToPlaylistDialogReducer } from './dialogs/dialogState'
import createAdminStore from './store/createAdminStore'
import { i18nProvider } from './i18n'
-import AddToPlaylistDialog from './dialogs/AddToPlaylistDialog'
const history = createHashHistory()
@@ -79,9 +78,7 @@ const App = () => (
,
,
- // Detached components
,
- ,
]}
diff --git a/ui/src/album/AlbumList.js b/ui/src/album/AlbumList.js
index ff54e8954..59e4c8979 100644
--- a/ui/src/album/AlbumList.js
+++ b/ui/src/album/AlbumList.js
@@ -16,6 +16,7 @@ import AlbumListActions from './AlbumListActions'
import AlbumListView from './AlbumListView'
import AlbumGridView from './AlbumGridView'
import { ALBUM_MODE_LIST } from './albumState'
+import AddToPlaylistDialog from '../dialogs/AddToPlaylistDialog'
const AlbumFilter = (props) => {
const translate = useTranslate()
@@ -57,22 +58,27 @@ const AlbumList = (props) => {
const { width } = props
const albumView = useSelector((state) => state.albumView)
return (
-
}
- sort={{ field: 'created_at', order: 'DESC' }}
- filters={}
- perPage={getPerPage(width)}
- pagination={}
- >
- {albumView.mode === ALBUM_MODE_LIST ? (
-
- ) : (
-
- )}
-
+ <>
+
}
+ sort={{ field: 'created_at', order: 'DESC' }}
+ filters={}
+ perPage={getPerPage(width)}
+ pagination={
+
+ }
+ >
+ {albumView.mode === ALBUM_MODE_LIST ? (
+
+ ) : (
+
+ )}
+
+ ,
+ >
)
}
diff --git a/ui/src/album/AlbumSongs.js b/ui/src/album/AlbumSongs.js
index 8bb496b09..9cdeafa47 100644
--- a/ui/src/album/AlbumSongs.js
+++ b/ui/src/album/AlbumSongs.js
@@ -19,6 +19,7 @@ import {
SongDatagrid,
SongContextMenu,
} from '../common'
+import AddToPlaylistDialog from '../dialogs/AddToPlaylistDialog'
const useStyles = makeStyles(
(theme) => ({
@@ -163,6 +164,7 @@ const AlbumSongs = (props) => {
)}
+ ,
>
)
}
diff --git a/ui/src/playlist/PlaylistSongs.js b/ui/src/playlist/PlaylistSongs.js
index 0c4d42d7d..a81c12ef5 100644
--- a/ui/src/playlist/PlaylistSongs.js
+++ b/ui/src/playlist/PlaylistSongs.js
@@ -18,6 +18,7 @@ import {
SongContextMenu,
SongDatagridRow,
} from '../common'
+import AddToPlaylistDialog from '../dialogs/AddToPlaylistDialog'
const useStyles = makeStyles(
(theme) => ({
@@ -137,6 +138,7 @@ const PlaylistSongs = (props) => {
)}
+ ,
>
)
}
diff --git a/ui/src/song/SongList.js b/ui/src/song/SongList.js
index c875575ff..c9cd15125 100644
--- a/ui/src/song/SongList.js
+++ b/ui/src/song/SongList.js
@@ -23,6 +23,7 @@ import { useDispatch } from 'react-redux'
import { setTrack } from '../audioplayer'
import { SongBulkActions } from './SongBulkActions'
import { AlbumLinkField } from './AlbumLinkField'
+import AddToPlaylistDialog from '../dialogs/AddToPlaylistDialog'
const useStyles = makeStyles({
columnIcon: {
@@ -48,58 +49,61 @@ const SongList = (props) => {
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
return (
-
}
- filters={}
- perPage={isXsmall ? 50 : 15}
- >
- {isXsmall ? (
- r.title}
- secondaryText={(r) => r.artist}
- tertiaryText={(r) => (
- <>
-
-
- >
- )}
- linkType={(id, basePath, record) => dispatch(setTrack(record))}
- rightIcon={(r) => }
- />
- ) : (
- }
- rowClick={(id, basePath, record) => dispatch(setTrack(record))}
- >
-
- {isDesktop && }
-
- {isDesktop && }
- {isDesktop && }
- {isDesktop && (
- r.year || ''} />
- )}
-
- {isDesktop ? (
-
- }
- sortBy={'starred DESC, starredAt DESC'}
- />
- ) : (
-
- )}
-
- )}
-
+ <>
+
}
+ filters={}
+ perPage={isXsmall ? 50 : 15}
+ >
+ {isXsmall ? (
+ r.title}
+ secondaryText={(r) => r.artist}
+ tertiaryText={(r) => (
+ <>
+
+
+ >
+ )}
+ linkType={(id, basePath, record) => dispatch(setTrack(record))}
+ rightIcon={(r) => }
+ />
+ ) : (
+ }
+ rowClick={(id, basePath, record) => dispatch(setTrack(record))}
+ >
+
+ {isDesktop && }
+
+ {isDesktop && }
+ {isDesktop && }
+ {isDesktop && (
+ r.year || ''} />
+ )}
+
+ {isDesktop ? (
+
+ }
+ sortBy={'starred DESC, starredAt DESC'}
+ />
+ ) : (
+
+ )}
+
+ )}
+
+ ,
+ >
)
}