50 lines
1.2 KiB
JavaScript
50 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { Link } from 'react-admin'
|
|
import { withWidth } from '@material-ui/core'
|
|
import { useAlbumsPerPage } from './index'
|
|
import config from '../config'
|
|
|
|
export const useGetHandleArtistClick = (width) => {
|
|
const [perPage] = useAlbumsPerPage(width)
|
|
return (id) => {
|
|
return config.devShowArtistPage && id !== config.variousArtistsId
|
|
? `/artist/${id}/show`
|
|
: `/album?filter={"artist_id":"${id}"}&order=ASC&sort=max_year&displayedFilters={"compilation":true}&perPage=${perPage}`
|
|
}
|
|
}
|
|
|
|
export const ArtistLinkField = withWidth()(
|
|
({ record, className, width, source }) => {
|
|
const artistLink = useGetHandleArtistClick(width)
|
|
|
|
const id = record[source + 'Id']
|
|
return (
|
|
<>
|
|
{id ? (
|
|
<Link
|
|
to={artistLink(id)}
|
|
onClick={(e) => e.stopPropagation()}
|
|
className={className}
|
|
>
|
|
{record[source]}
|
|
</Link>
|
|
) : (
|
|
record[source]
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
)
|
|
|
|
ArtistLinkField.propTypes = {
|
|
record: PropTypes.object,
|
|
className: PropTypes.string,
|
|
source: PropTypes.string,
|
|
}
|
|
|
|
ArtistLinkField.defaultProps = {
|
|
addLabel: true,
|
|
source: 'albumArtist',
|
|
}
|