Upgrade prettier to 2.3.0

Some reformatting was needed... :/

ui/package-lock.json

@@ -13115,9 +13115,9 @@
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
     },
     "prettier": {
-      "version": "2.2.1",
+      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.3.0.tgz",
-      "integrity": "sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==",
+      "integrity": "sha512-kXtO4s0Lz/DW/IJ9QdWhAf7/NmPWQXkFr/r/WkR3vyI+0v8amTDxiaQSLzs8NBlytfLWX/7uQUMIW677yLKl4w==",
       "dev": true
     },
     "pretty-bytes": {

ui/package.json

@@ -34,7 +34,7 @@
     "@testing-library/user-event": "^13.1.8",
     "css-mediaquery": "^0.1.2",
     "jest-environment-jsdom-sixteen": "^2.0.0",
-    "prettier": "^2.2.1",
+    "prettier": "2.3.0",
     "ra-test": "^3.15.0"
   },
   "scripts": {

ui/src/audioplayer/Player.js

@@ -295,9 +295,10 @@ const Player = () => {
     [dispatch, showNotifications]
   )
 
-  const onAudioPause = useCallback((info) => dispatch(currentPlaying(info)), [
+  const onAudioPause = useCallback(
-    dispatch,
+    (info) => dispatch(currentPlaying(info)),
-  ])
+    [dispatch]
+  )
 
   const onAudioEnded = useCallback(
     (currentPlayId, audioLists, info) => {

ui/src/dialogs/AddToPlaylistDialog.js

@@ -17,13 +17,8 @@ import { SelectPlaylistInput } from './SelectPlaylistInput'
 import DuplicateSongDialog from './DuplicateSongDialog'
 
 export const AddToPlaylistDialog = () => {
-  const {
+  const { open, selectedIds, onSuccess, duplicateSong, duplicateIds } =
-    open,
+    useSelector((state) => state.addToPlaylistDialog)
-    selectedIds,
-    onSuccess,
-    duplicateSong,
-    duplicateIds,
-  } = useSelector((state) => state.addToPlaylistDialog)
   const dispatch = useDispatch()
   const translate = useTranslate()
   const notify = useNotify()

ui/src/dialogs/AddToPlaylistDialog.test.js

@@ -53,7 +53,8 @@ describe('AddToPlaylistDialog', () => {
                   data: mockIndexedData,
                   list: {
                     cachedRequests: {
-                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}': {
+                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}':
+                        {
                           ids: ['sample-id1', 'sample-id2'],
                           total: 2,
                         },
@@ -129,7 +130,8 @@ describe('AddToPlaylistDialog', () => {
                   data: mockIndexedData,
                   list: {
                     cachedRequests: {
-                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}': {
+                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}':
+                        {
                           ids: ['sample-id1', 'sample-id2'],
                           total: 2,
                         },
@@ -186,7 +188,8 @@ describe('AddToPlaylistDialog', () => {
                   data: mockIndexedData,
                   list: {
                     cachedRequests: {
-                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}': {
+                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}':
+                        {
                           ids: ['sample-id1', 'sample-id2'],
                           total: 2,
                         },

ui/src/dialogs/SelectPlaylistInput.test.js

@@ -44,7 +44,8 @@ describe('SelectPlaylistInput', () => {
                   data: mockIndexedData,
                   list: {
                     cachedRequests: {
-                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}': {
+                      '{"pagination":{"page":1,"perPage":-1},"sort":{"field":"name","order":"ASC"},"filter":{}}':
+                        {
                           ids: ['sample-id1', 'sample-id2'],
                           total: 2,
                         },

ui/src/themes/ligera.js

@@ -47,7 +47,8 @@ const musicListActions = {
     'button:first-child>span:first-child>span': {
       display: 'none',
     },
-    'button>span:first-child>span, button:not(:first-child)>span:first-child>svg': {
+    'button>span:first-child>span, button:not(:first-child)>span:first-child>svg':
+      {
         color: '#656565',
       },
   },

ui/src/themes/spotify.js

@@ -48,7 +48,8 @@ const musicListActions = {
     'button:first-child>span:first-child>span': {
       display: 'none',
     },
-    'button>span:first-child>span, button:not(:first-child)>span:first-child>svg': {
+    'button>span:first-child>span, button:not(:first-child)>span:first-child>svg':
+      {
         color: '#b3b3b3',
       },
   },

ui/src/user/DeleteUserButton.js

@@ -31,13 +31,8 @@ const DeleteUserButton = (props) => {
     onClick,
     ...rest
   } = props
-  const {
+  const { open, loading, handleDialogOpen, handleDialogClose, handleDelete } =
-    open,
+    useDeleteWithConfirmController({
-    loading,
-    handleDialogOpen,
-    handleDialogClose,
-    handleDelete,
-  } = useDeleteWithConfirmController({
       resource,
       record,
       redirect,