Improve SQL sanitization

ui/src/album/AlbumSongs.js

@@ -97,12 +97,7 @@ const AlbumSongs = (props) => {
   const toggleableFields = useMemo(() => {
     return {
       trackNumber: isDesktop && (
-        <TextField
-          source="trackNumber"
-          sortBy="releaseDate asc, discNumber asc, trackNumber asc"
-          label="#"
-          sortable={false}
-        />
+        <TextField source="trackNumber" label="#" sortable={false} />
       ),
       title: (
         <SongTitleField

ui/src/album/AlbumTableView.js

@@ -150,8 +150,7 @@ const AlbumTableView = ({
       <TextField source="name" />
       {columns}
       <AlbumContextMenu
-        source={'starred'}
-        sortBy={'starred ASC, starredAt ASC'}
+        source={'starred_at'}
         sortByOrder={'DESC'}
         sortable={config.enableFavourites}
         className={classes.contextMenu}

ui/src/artist/ArtistList.js

@@ -145,8 +145,7 @@ const ArtistListView = ({ hasShow, hasEdit, hasList, width, ...rest }) => {
       <TextField source="name" />
       {columns}
       <ArtistContextMenu
-        source={'starred'}
-        sortBy={'starred ASC, starredAt ASC'}
+        source={'starred_at'}
         sortByOrder={'DESC'}
         sortable={config.enableFavourites}
         className={classes.contextMenu}

ui/src/common/ContextMenus.js

@@ -203,7 +203,7 @@ export const AlbumContextMenu = (props) =>
       resource={'album'}
       songQueryParams={{
         pagination: { page: 1, perPage: -1 },
-        sort: { field: 'releaseDate, discNumber, trackNumber', order: 'ASC' },
+        sort: { field: 'trackNumber', order: 'ASC' },
         filter: {
           album_id: props.record.id,
           release_date: props.releaseDate,
@@ -234,7 +234,7 @@ export const ArtistContextMenu = (props) =>
       songQueryParams={{
         pagination: { page: 1, perPage: 200 },
         sort: {
-          field: 'album, releaseDate, discNumber, trackNumber',
+          field: 'trackNumber',
           order: 'ASC',
         },
         filter: { album_artist_id: props.record.id },

ui/src/common/PlayButton.js

@@ -21,7 +21,7 @@ export const PlayButton = ({ record, size, className }) => {
     dataProvider
       .getList('song', {
         pagination: { page: 1, perPage: -1 },
-        sort: { field: 'releaseDate, discNumber, trackNumber', order: 'ASC' },
+        sort: { field: 'trackNumber', order: 'ASC' },
         filter: {
           album_id: record.id,
           release_date: record.releaseDate,

ui/src/song/SongList.js

@@ -98,15 +98,7 @@ const SongList = (props) => {
 
   const toggleableFields = React.useMemo(() => {
     return {
-      album: isDesktop && (
-        <AlbumLinkField
-          source="album"
-          sortBy={
-            'album, order_album_artist_name, release_date, disc_number, track_number, title'
-          }
-          sortByOrder={'ASC'}
-        />
-      ),
+      album: isDesktop && <AlbumLinkField source="album" sortByOrder={'ASC'} />,
       artist: <ArtistLinkField source="artist" />,
       albumArtist: <ArtistLinkField source="albumArtist" />,
       trackNumber: isDesktop && <NumberField source="trackNumber" />,
@@ -179,8 +171,7 @@ const SongList = (props) => {
             <SongTitleField source="title" showTrackNumbers={false} />
             {columns}
             <SongContextMenu
-              source={'starred'}
-              sortBy={'starred ASC, starredAt ASC'}
+              source={'starred_at'}
               sortByOrder={'DESC'}
               sortable={config.enableFavourites}
               className={classes.contextMenu}