Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3377 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3358 stevensc 1 
import React from 'react'
3370 stevensc 2 
import { CardMedia, Typography } from '@mui/material'
3358 stevensc 3 
 
3386 stevensc 4 
export default React.forwardRef(function DailyMediaContent(
5 
  { type, mediaUrl },
6 
  ref
7 
) {
3358 stevensc 8 
  switch (type) {
9 
    case 'video': {
3377 stevensc 10 
      return (
11 
        <CardMedia
12 
          component='video'
13 
          src={mediaUrl}
14 
          controls
15 
          autoPlay
16 
          controlsList='nodownload'
3386 stevensc 17 
          ref={ref}
3377 stevensc 18 
        />
19 
      )
3358 stevensc 20 
    }
21 
    case 'image': {
3370 stevensc 22 
      return (
23 
        <CardMedia
24 
          component='img'
25 
          src={mediaUrl}
26 
          alt='Contenido diario'
27 
          sx={{ height: 250 }}
28 
        />
29 
      )
3358 stevensc 30 
    }
31 
    case 'document': {
32 
      return (
33 
        <a href={mediaUrl} target='_blank' rel='noreferrer'>
34 
          <img className='pdf' src='/images/extension/pdf.png' alt='pdf' />
35 
        </a>
36 
      )
37 
    }
3368 stevensc 38 
    case 'audio': {
3386 stevensc 39 
      return <audio controls src={mediaUrl} ref={ref} />
3368 stevensc 40 
    }
3370 stevensc 41 
    default: {
3358 stevensc 42 
      return <Typography>Sin contenido que mostrar</Typography>
3370 stevensc 43 
    }
3358 stevensc 44 
  }
3386 stevensc 45 
})