feat: ran prettier over changes

ui/src/album/AlbumDetails.js

@@ -38,7 +38,11 @@ const AlbumDetails = ({ classes, record }) => {
         className={classes.albumCover}
         onClick={handleOpenLightbox}
       >
-        <PlayButton record={record} className={classes.playButton} size={"large"} />
+        <PlayButton
+          record={record}
+          className={classes.playButton}
+          size={'large'}
+        />
       </CardMedia>
       <CardContent className={classes.albumDetails}>
         <Typography variant="h5" className={classes.albumTitle}>

ui/src/album/AlbumGridView.js

@@ -18,8 +18,8 @@ const useStyles = makeStyles((theme) => ({
     margin: '20px',
   },
   tileBar: {
-    transition:'all 150ms ease-out',
+    transition: 'all 150ms ease-out',
-    opacity:0,
+    opacity: 0,
     textAlign: 'left',
     marginBottom: '3px',
     background:
@@ -42,31 +42,31 @@ const useStyles = makeStyles((theme) => ({
     color: theme.palette.primary.light,
   },
   albumArtist: {
-    fontSize:'12px',
+    fontSize: '12px',
-    color:'#c5c5c5',
+    color: '#c5c5c5',
-    overflow:'hidden',
+    overflow: 'hidden',
-    whiteSpace:'nowrap',
+    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
+    textOverflow: 'ellipsis',
   },
   albumName: {
-    fontSize:'14px',
+    fontSize: '14px',
-    color:'#eee',
+    color: '#eee',
-    overflow:'hidden',
+    overflow: 'hidden',
-    whiteSpace:'nowrap',
+    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
+    textOverflow: 'ellipsis',
   },
   link: {
-    position:'relative',
+    position: 'relative',
     display: 'block',
-    textDecoration:'none',
+    textDecoration: 'none',
-    "&:hover $tileBar": {
+    '&:hover $tileBar': {
-      opacity:1,
+      opacity: 1,
-    }
+    },
   },
   albumLlink: {
-    position:'relative',
+    position: 'relative',
     display: 'block',
-    textDecoration:'none',
+    textDecoration: 'none',
   },
 }))
 
@@ -111,17 +111,27 @@ const AlbumGridTile = ({ showArtist, record, basePath }) => {
 
   return (
     <div>
-      <Link className={classes.link} to={linkToRecord(basePath, record.id, 'show')}>
+      <Link
+        className={classes.link}
+        to={linkToRecord(basePath, record.id, 'show')}
+      >
         <Cover album={record} />
-          <GridListTileBar
+        <GridListTileBar
-            className={isDesktop ? classes.tileBar : classes.tileBarMobile}
+          className={isDesktop ? classes.tileBar : classes.tileBarMobile}
-            subtitle={
+          subtitle={
-              <PlayButton record={record} className={classes.playButton} size="small" />
+            <PlayButton
-            }
+              record={record}
-            actionIcon={<AlbumContextMenu record={record} color={'white'} />}
+              className={classes.playButton}
-          />
+              size="small"
+            />
+          }
+          actionIcon={<AlbumContextMenu record={record} color={'white'} />}
+        />
       </Link>
-      <Link className={classes.albumLlink} to={linkToRecord(basePath, record.id, 'show')}>
+      <Link
+        className={classes.albumLlink}
+        to={linkToRecord(basePath, record.id, 'show')}
+      >
         <div className={classes.albumName}>{record.name}</div>
         <div className={classes.albumArtist}>{record.albumArtist}</div>
       </Link>

ui/src/album/styles.js

@@ -12,15 +12,15 @@ export const useStyles = makeStyles((theme) => ({
     },
   },
   playButton: {
-    opacity:0,
+    opacity: 0,
-    transition:'all 150ms ease-out'
+    transition: 'all 150ms ease-out',
   },
   albumCover: {
     display: 'inline-flex',
-    justifyContent:'center',
+    justifyContent: 'center',
-    alignItems:'center',
+    alignItems: 'center',
     cursor: 'pointer',
-    
+
     [theme.breakpoints.down('xs')]: {
       height: '8em',
       width: '8em',
@@ -34,8 +34,8 @@ export const useStyles = makeStyles((theme) => ({
       width: '15em',
     },
     '&:hover $playButton': {
-      opacity:1,  
+      opacity: 1,
-    }
+    },
   },
   albumDetails: {
     display: 'inline-block',

ui/src/common/PlayButton.js

@@ -17,7 +17,7 @@ const PlayButton = ({ record, size = 'small', ...rest }) => {
   }
   const dataProvider = useDataProvider()
   const dispatch = useDispatch()
-  const playAlbum = record => {
+  const playAlbum = (record) => {
     dataProvider
       .getList('albumSong', {
         pagination: { page: 1, perPage: -1 },