Trigger UI refresh on media annotation events: star, setRating and scrobble

ui/src/album/AlbumSongs.js

@@ -23,6 +23,7 @@ import {
   RatingField,
   QualityInfo,
   useSelectedFields,
+  useResourceRefresh,
 } from '../common'
 import { AddToPlaylistDialog } from '../dialogs'
 import config from '../config'
@@ -88,6 +89,7 @@ const AlbumSongs = (props) => {
   const classes = useStyles({ isDesktop })
   const dispatch = useDispatch()
   const version = useVersion()
+  useResourceRefresh('song', 'album')
 
   const toggleableFields = useMemo(() => {
     return {

ui/src/playlist/PlaylistSongs.js

@@ -24,6 +24,7 @@ import {
   SongTitleField,
   QualityInfo,
   useSelectedFields,
+  useResourceRefresh,
 } from '../common'
 import { AddToPlaylistDialog } from '../dialogs'
 import { AlbumLinkField } from '../song/AlbumLinkField'
@@ -91,6 +92,7 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
   const refresh = useRefresh()
   const notify = useNotify()
   const version = useVersion()
+  useResourceRefresh('song', 'playlist')
 
   const onAddToPlaylist = useCallback(
     (pls) => {