Show external links on all resolutions but mobile

2021-10-21 10:30:53 -04:00
parent 104679ca6e
commit 2a756eab88
2 changed files with 6 additions and 9 deletions
@@ -206,6 +206,7 @@ const Details = (props) => {

 const AlbumDetails = (props) => {
  const record = useRecordContext(props)
+  const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
  const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('lg'))
  const classes = useStyles()
  const [isLightboxOpen, setLightboxOpen] = React.useState(false)
@@ -270,7 +271,7 @@ const AlbumDetails = (props) => {
            ) : (
              <Typography component={'p'}>{record.genre}</Typography>
            )}
-            {isDesktop && (
+            {!isXsmall && (
              <Typography component={'div'} className={classes.recordMeta}>
                <AlbumExternalLinks className={classes.externalLinks} />
              </Typography>