Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3386 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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