Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3741 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3719 stevensc 1 
import React from 'react';
2 
import { LinearProgress } from '@mui/material';
3 
 
4 
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
5 
 
3746 stevensc 6 
export function TopicCard({ topic: { name, image, progress }, onClick }) {
3719 stevensc 7 
  return (
3741 stevensc 8 
    <Card
9 
      sx={{
10 
        display: 'grid',
11 
        gridTemplateRows: 'auto 1fr auto',
12 
        cursor: 'pointer',
13 
        width: '100%',
14 
        height: '100%'
15 
      }}
16 
      onClick={onClick}
17 
    >
3719 stevensc 18 
      <CardHeader title={name} />
3741 stevensc 19 
      <CardMedia src={image} style={{ height: '100%', maxHeight: '300px' }} />
3719 stevensc 20 
 
21 
      <CardContent>
22 
        <LinearProgress variant='determinate' value={progress} />
23 
 
24 
        <span>{`${progress}%`}</span>
25 
      </CardContent>
26 
    </Card>
27 
  );
28 
}