Fix some JS warnings

resources/i18n/pt.json

@@ -237,7 +237,8 @@
         "transcodingDisabled": "Por questão de segurança, esta tela de configuração está desabilitada. Se você quiser alterar estas configurações, reinicie o servidor com a opção %{config}",
         "transcodingEnabled": "Navidrome está sendo executado com a opção %{config}. Isto permite que potencialmente se execute comandos do sistema pela interface Web. É recomendado que vc mantenha esta opção desabilitada, e só a habilite quando precisar configurar opções de Conversão",
         "discSubtitle": "%{subtitle} (disco %{number})",
-        "discWithoutSubtitle": "Disco %{number}"
+        "discWithoutSubtitle": "Disco %{number}",
+        "songsAddedToPlaylist": "Música adicionada à playlist |||| %{smart_count} músicas adicionadas à playlist"
     },
     "menu": {
         "library": "Biblioteca",

ui/src/common/AddToPlaylistMenu.js

@@ -3,7 +3,6 @@ import {
   useDataProvider,
   useGetList,
   useNotify,
-  useTranslate,
 } from 'react-admin'
 import { MenuItem } from '@material-ui/core'
 import PropTypes from 'prop-types'
@@ -26,8 +25,7 @@ export const addAlbumToPlaylist = (dataProvider, albumId, playlistId) =>
     .then((response) => response.data.map((song) => song.id))
     .then((ids) => addTracksToPlaylist(dataProvider, ids, playlistId))
 
-const AddToPlaylistMenu = ({ selectedIds, albumId, onClose }) => {
+const AddToPlaylistMenu = React.forwardRef(({ selectedIds, albumId, onClose }, ref) => {
-  const translate = useTranslate()
   const notify = useNotify()
   const dataProvider = useDataProvider()
   const { ids, data, loaded } = useGetList(
@@ -51,11 +49,7 @@ const AddToPlaylistMenu = ({ selectedIds, albumId, onClose }) => {
 
       add
         .then((len) => {
-          notify(
+          notify('message.songsAddedToPlaylist', 'info', {smart_count: len})
-            translate('message.songsAddedToPlaylist', {
-              smart_count: len,
-            })
-          )
         })
         .catch(() => {
           notify('ra.page.error', 'warning')
@@ -74,7 +68,7 @@ const AddToPlaylistMenu = ({ selectedIds, albumId, onClose }) => {
       ))}
     </>
   )
-}
+})
 
 AddToPlaylistMenu.propTypes = {
   selectedIds: PropTypes.arrayOf(PropTypes.any).isRequired,

ui/src/song/AddToPlaylistButton.js

@@ -39,6 +39,7 @@ const AddToPlaylistButton = ({ resource, selectedIds }) => {
         <AddToPlaylistMenu
           selectedIds={selectedIds}
           menuOpen={Boolean(anchorEl)}
+          onClose={handleClose}
         />
       </Menu>
     </>