Link to artist from album list

ui/src/common/ArtistLinkField.js

@@ -0,0 +1,33 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { Link } from 'react-admin'
+
+const artistLink = (id) => {
+  return `/album?filter={"artist_id":"${id}"}&order=ASC&sort=maxYear&displayedFilters={"compilation":true}`
+}
+
+const ArtistLinkField = ({ record, className }) => {
+  return (
+    <Link
+      to={artistLink(record.albumArtistId)}
+      onClick={(e) => e.stopPropagation()}
+      className={className}
+    >
+      {record.albumArtist}
+    </Link>
+  )
+}
+
+ArtistLinkField.propTypes = {
+  className: PropTypes.string,
+  source: PropTypes.string,
+}
+
+ArtistLinkField.defaultProps = {
+  source: 'artistId',
+  addLabel: true,
+}
+
+export { artistLink }
+
+export default ArtistLinkField

ui/src/common/index.js

@@ -5,6 +5,7 @@ import Pagination from './Pagination'
 import PlayButton from './PlayButton'
 import SimpleList from './SimpleList'
 import RangeField, { formatRange } from './RangeField'
+import ArtistLinkField, { artistLink } from './ArtistLinkField'
 import SongDetails from './SongDetails'
 import SizeField from './SizeField'
 import DocLink from './DocLink'
@@ -21,4 +22,6 @@ export {
   SongDetails,
   DocLink,
   formatRange,
+  ArtistLinkField,
+  artistLink,
 }