Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3369 | Rev 3372 | 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 
 
4 
export default function DailyMediaContent({ type, mediaUrl }) {
5 
  switch (type) {
6 
    case 'video': {
3370 stevensc 7 
      return (
8 
        <CardMedia
9 
          component='video'
10 
          src={mediaUrl}
11 
          controls
12 
          autoPlay
13 
          muted
14 
          sx={{ height: 250 }}
15 
        />
16 
      )
3358 stevensc 17 
    }
18 
    case 'image': {
3370 stevensc 19 
      return (
20 
        <CardMedia
21 
          component='img'
22 
          src={mediaUrl}
23 
          alt='Contenido diario'
24 
          sx={{ height: 250 }}
25 
        />
26 
      )
3358 stevensc 27 
    }
28 
    case 'document': {
29 
      return (
30 
        <a href={mediaUrl} target='_blank' rel='noreferrer'>
31 
          <img className='pdf' src='/images/extension/pdf.png' alt='pdf' />
32 
        </a>
33 
      )
34 
    }
3368 stevensc 35 
    case 'audio': {
36 
      return <audio controls src={mediaUrl} />
37 
    }
3370 stevensc 38 
    default: {
3358 stevensc 39 
      return <Typography>Sin contenido que mostrar</Typography>
3370 stevensc 40 
    }
3358 stevensc 41 
  }
42 
}