Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3369 | Rev 3372 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3369 Rev 3370
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Typography } from '@mui/material'
 2 
import { CardMedia, Typography } from '@mui/material'
3 
 
 - 
 
4 
import Widget from '@components/UI/Widget'
 - 
 
Línea 5... Línea 3...
5 
 
 3 
 
6 
export default function DailyMediaContent({ type, mediaUrl }) {
 4 
export default function DailyMediaContent({ type, mediaUrl }) {
7 
  switch (type) {
 5 
  switch (type) {
- 
 
 6 
    case 'video': {
- 
 
 7 
      return (
- 
 
 8 
        <CardMedia
8 
    case 'video': {
 9 
          component='video'
- 
 
 10 
          src={mediaUrl}
- 
 
 11 
          controls
- 
 
 12 
          autoPlay
- 
 
 13 
          muted
- 
 
 14 
          sx={{ height: 250 }}
- 
 
 15 
        />
9 
      return <Widget.Media type='video' src={mediaUrl} controls autoPlay />
 16 
      )
10 
    }
 17 
    }
- 
 
 18 
    case 'image': {
- 
 
 19 
      return (
- 
 
 20 
        <CardMedia
11 
    case 'image': {
 21 
          component='img'
- 
 
 22 
          src={mediaUrl}
- 
 
 23 
          alt='Contenido diario'
- 
 
 24 
          sx={{ height: 250 }}
- 
 
 25 
        />
12 
      return <Widget.Media src={mediaUrl} />
 26 
      )
13 
    }
 27 
    }
14 
    case 'document': {
 28 
    case 'document': {
15 
      return (
 29 
      return (
16 
        <a href={mediaUrl} target='_blank' rel='noreferrer'>
 30 
        <a href={mediaUrl} target='_blank' rel='noreferrer'>
Línea 19... Línea 33...
19 
      )
 33 
      )
20 
    }
 34 
    }
21 
    case 'audio': {
 35 
    case 'audio': {
22 
      return <audio controls src={mediaUrl} />
 36 
      return <audio controls src={mediaUrl} />
23 
    }
 37 
    }
24 
    default:
 38 
    default: {
25 
      return <Typography>Sin contenido que mostrar</Typography>
 39 
      return <Typography>Sin contenido que mostrar</Typography>
- 
 
 40 
    }
26 
  }
 41 
  }
27 
}
 42 
}