Hide togglable columns when in Album Grid view mode. Fixes #2064

ui/src/album/AlbumListActions.js

@@ -86,6 +86,7 @@ const AlbumListActions = ({
   ...rest
 }) => {
   const isNotSmall = useMediaQuery((theme) => theme.breakpoints.up('sm'))
+  const albumView = useSelector((state) => state.albumView)
   return (
     <TopToolbar className={className} {...sanitizeListRestProps(rest)}>
       {filters &&
@@ -97,7 +98,11 @@ const AlbumListActions = ({
           context: 'button',
         })}
       {isNotSmall ? (
-        <ToggleFieldsMenu resource="album" topbarComponent={AlbumViewToggler} />
+        <ToggleFieldsMenu
+          resource="album"
+          topbarComponent={AlbumViewToggler}
+          hideColumns={albumView.grid}
+        />
       ) : (
         <AlbumViewToggler showTitle={false} />
       )}

ui/src/common/ToggleFieldsMenu.js

@@ -30,6 +30,7 @@ const useStyles = makeStyles({
 export const ToggleFieldsMenu = ({
   resource,
   topbarComponent: TopBarComponent,
+  hideColumns,
 }) => {
   const [anchorEl, setAnchorEl] = useState(null)
   const dispatch = useDispatch()
@@ -82,7 +83,7 @@ export const ToggleFieldsMenu = ({
         }}
       >
         {TopBarComponent && <TopBarComponent />}
-        {toggleableColumns ? (
+        {!hideColumns && toggleableColumns ? (
           <div>
             <Typography className={classes.title}>
               {translate('ra.toggleFieldsMenu.columnsToDisplay')}
@@ -107,4 +108,5 @@ export const ToggleFieldsMenu = ({
 ToggleFieldsMenu.propTypes = {
   resource: PropTypes.string.isRequired,
   topbarComponent: PropTypes.elementType,
+  hideColumns: PropTypes.bool,
 }