Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3556 Rev 3719
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { Box, LinearProgress, Typography } from '@mui/material';
 2 
import { Box, LinearProgress, Typography } from '@mui/material';
3 
 
 3 
 
4 
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
 4 
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
5 
 
 5 
 
6 
export function CapsuleCard({ capsule: { name, image, progress } }) {
 6 
export function CapsuleCard({ capsule: { name, image, progress } }) {
7 
  return (
 7 
  return (
8 
    <Card>
 8 
    <Card>
9 
      <CardHeader title={name} />
 9 
      <CardHeader title={name} />
10 
      <CardMedia src={image} />
 10 
      <CardMedia src={image} />
11 
 
 11 
 
12 
      <CardContent>
 12 
      <CardContent>
13 
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
 13 
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
14 
          <LinearProgress variant='determinate' value={progress} />
 14 
          <LinearProgress variant='determinate' value={progress} />
15 
          <Typography variant='caption'>{`${progress}%`}</Typography>
 15 
          <Typography variant='caption'>{`${progress}%`}</Typography>
16 
        </Box>
 16 
        </Box>
17 
      </CardContent>
 17 
      </CardContent>
18 
    </Card>
 18 
    </Card>
19 
  );
 19 
  );
20 
}
 20 
}