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

@@ -46,22 +46,22 @@ const useStyles = makeStyles((theme) => ({
     color: '#c5c5c5',
     overflow: 'hidden',
     whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
+    textOverflow: 'ellipsis',
   },
   albumName: {
     fontSize: '14px',
     color: '#eee',
     overflow: 'hidden',
     whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
+    textOverflow: 'ellipsis',
   },
   link: {
     position: 'relative',
     display: 'block',
     textDecoration: 'none',
-    "&:hover $tileBar": {
+    '&:hover $tileBar': {
       opacity: 1,
-    }
+    },
   },
   albumLlink: {
     position: 'relative',
@@ -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
           className={isDesktop ? classes.tileBar : classes.tileBarMobile}
           subtitle={
-              <PlayButton record={record} className={classes.playButton} size="small" />
+            <PlayButton
+              record={record}
+              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

@@ -13,7 +13,7 @@ export const useStyles = makeStyles((theme) => ({
   },
   playButton: {
     opacity: 0,
-    transition:'all 150ms ease-out'
+    transition: 'all 150ms ease-out',
   },
   albumCover: {
     display: 'inline-flex',
@@ -35,7 +35,7 @@ export const useStyles = makeStyles((theme) => ({
     },
     '&:hover $playButton': {
       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 },