Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3482 Rev 3556
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { Typography } from '@mui/material';
 2 
import { LinearProgress } from '@mui/material';
Línea 3... Línea 3...
3 
 
 3 
 
Línea 4... Línea 4...
4 
import { TopicContainer, TopicProgress } from './UI';
 4 
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
5 
 
 5 
 
6 
export function TopicCard({ topic: { name, image, progress } }) {
 6 
export function TopicCard({ topic: { name, image, progress } }) {
7 
  return (
 7 
  return (
8 
    <TopicContainer>
 8 
    <Card>
9 
      <div className='c-header'>
 - 
 
Línea 10... Línea -...
10 
        <Typography variant='h3'>{name}</Typography>
 - 
 
11 
      </div>
 - 
 
12 
 
 9 
      <CardHeader title={name} />
13 
      <img src={image} alt='' loading='lazy' />
 10 
      <CardMedia src={image} />
Línea 14... Línea 11...
14 
 
 11 
 
15 
      <div className='c-footer'>
 12 
      <CardContent>
16 
        <TopicProgress variant='determinate' value={progress} />
 13 
        <LinearProgress variant='determinate' value={progress} />
17 
 
 14 
 
18 
        <span>{`${progress}%`}</span>
 15 
        <span>{`${progress}%`}</span>