Refactoring to make common components usage more uniform

ui/src/artist/ArtistList.js

@@ -10,6 +10,7 @@ import {
 import { useMediaQuery, withWidth } from '@material-ui/core'
 import FavoriteIcon from '@material-ui/icons/Favorite'
 import FavoriteBorderIcon from '@material-ui/icons/FavoriteBorder'
+import { makeStyles } from '@material-ui/core/styles'
 import { AddToPlaylistDialog } from '../dialogs'
 import {
   ArtistContextMenu,
@@ -18,11 +19,10 @@ import {
   useGetHandleArtistClick,
   ArtistSimpleList,
   RatingField,
+  useSelectedFields,
 } from '../common'
-import { makeStyles } from '@material-ui/core/styles'
 import config from '../config'
 import ArtistListActions from './ArtistListActions'
-import useSelectedFields from '../common/useSelectedFields'
 
 const useStyles = makeStyles({
   contextHeader: {

ui/src/artist/ArtistListActions.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { sanitizeListRestProps, TopToolbar } from 'react-admin'
 import { useMediaQuery } from '@material-ui/core'
-import ToggleFieldsMenu from '../common/ToggleFieldsMenu'
+import { ToggleFieldsMenu } from '../common'
 
 const ArtistListActions = ({ className, ...rest }) => {
   const isNotSmall = useMediaQuery((theme) => theme.breakpoints.up('sm'))