Replace classnames with clsx

ui/src/album/AlbumSongs.js

@@ -6,7 +6,7 @@ import {
   useVersion,
   useListContext,
 } from 'react-admin'
-import classnames from 'classnames'
+import clsx from 'clsx'
 import { useDispatch } from 'react-redux'
 import { Card, useMediaQuery } from '@material-ui/core'
 import { makeStyles } from '@material-ui/core/styles'
@@ -86,7 +86,7 @@ const AlbumSongs = (props) => {
       />
       <div className={classes.main}>
         <Card
-          className={classnames(classes.content, {
+          className={clsx(classes.content, {
             [classes.bulkActionsDisplayed]: props.selectedIds.length > 0,
           })}
           key={version}

ui/src/playlist/PlaylistSongs.js

@@ -9,7 +9,7 @@ import {
   useVersion,
   useListContext,
 } from 'react-admin'
-import classnames from 'classnames'
+import clsx from 'clsx'
 import { useDispatch } from 'react-redux'
 import { Card, useMediaQuery } from '@material-ui/core'
 import { makeStyles } from '@material-ui/core/styles'
@@ -133,7 +133,7 @@ const PlaylistSongs = ({ playlistId, readOnly, ...props }) => {
       />
       <div className={classes.main}>
         <Card
-          className={classnames(classes.content, {
+          className={clsx(classes.content, {
             [classes.bulkActionsDisplayed]: props.selectedIds.length > 0,
           })}
           key={version}

ui/src/user/DeleteUserButton.js

@@ -2,7 +2,7 @@ import React from 'react'
 import DeleteIcon from '@material-ui/icons/Delete'
 import { makeStyles } from '@material-ui/core/styles'
 import { fade } from '@material-ui/core/styles/colorManipulator'
-import classnames from 'classnames'
+import clsx from 'clsx'
 import { useDeleteWithConfirmController, Button, Confirm } from 'react-admin'
 
 const useStyles = makeStyles(
@@ -51,11 +51,7 @@ const DeleteUserButton = (props) => {
       <Button
         onClick={handleDialogOpen}
         label="ra.action.delete"
-        className={classnames(
-          'ra-delete-button',
-          classes.deleteButton,
-          className
-        )}
+        className={clsx('ra-delete-button', classes.deleteButton, className)}
         key="button"
         {...rest}
       >