Fix link to Artist's albums in mobile view

ui/src/artist/ArtistList.js

@@ -1,4 +1,5 @@
 import React, { cloneElement, isValidElement, useState } from 'react'
+import { useHistory } from 'react-router-dom'
 import {
   Datagrid,
   DatagridBody,
@@ -71,23 +72,17 @@ const ArtistDatagrid = (props) => (
   <Datagrid {...props} body={<ArtistDatagridBody />} />
 )
 
-const ArtistList = ({ width, ...rest }) => {
+const ArtistListView = ({ hasShow, hasEdit, hasList, width, ...rest }) => {
   const classes = useStyles()
   const handleArtistLink = useGetHandleArtistClick(width)
+  const history = useHistory()
   const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
-  return (
+  return isXsmall ? (
-    <>
-      <List
-        {...rest}
-        sort={{ field: 'name', order: 'ASC' }}
-        exporter={false}
-        bulkActionButtons={false}
-        filters={<ArtistFilter />}
-      >
-        {isXsmall ? (
     <SimpleList
       primaryText={(r) => r.name}
-            linkType={'show'}
+      linkType={(id) => {
+        history.push(handleArtistLink(id))
+      }}
       rightIcon={(r) => <ArtistContextMenu record={r} />}
       {...rest}
     />
@@ -102,14 +97,24 @@ const ArtistList = ({ width, ...rest }) => {
         sortBy={'starred ASC, starredAt ASC'}
         sortByOrder={'DESC'}
         label={
-                <StarBorderIcon
+          <StarBorderIcon fontSize={'small'} className={classes.columnIcon} />
-                  fontSize={'small'}
-                  className={classes.columnIcon}
-                />
         }
       />
     </ArtistDatagrid>
-        )}
+  )
+}
+
+const ArtistList = (props) => {
+  return (
+    <>
+      <List
+        {...props}
+        sort={{ field: 'name', order: 'ASC' }}
+        exporter={false}
+        bulkActionButtons={false}
+        filters={<ArtistFilter />}
+      >
+        <ArtistListView {...props} />
       </List>
       <AddToPlaylistDialog />
     </>