Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3482 Rev 3506
Línea 1... Línea 1...
1
import React from 'react';
1
import React from 'react';
2
import { Typography } from '@mui/material';
-
 
3
import { CheckCircle } from '@mui/icons-material';
2
import { CheckCircle } from '@mui/icons-material';
-
 
3
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
Línea 4... Línea -...
4
 
-
 
5
import { TopicContainer } from './UI';
-
 
6
 
4
 
7
export function SlideCard({ slide: { name, background, file, completed }, onClick }) {
5
export function SlideCard({ slide: { name, background, file, completed } }) {
8
  return (
-
 
9
    <TopicContainer onClick={onClick} style={{ cursor: 'pointer' }}>
6
  return (
10
      <div className='c-header'>
7
    <Card>
11
        <Typography variant='h3' title={name}>
8
      <CardHeader title={name} />
12
          {name}
9
      <CardContent>
13
        </Typography>
-
 
14
      </div>
10
        <CardMedia src={background || file} />
15
      <div className='c-body'>
11
        {completed && (
16
        {completed ? <CheckCircle color='success' /> : null}
12
          <CheckCircle color='success' sx={{ position: 'absolute', right: 1, top: 1 }} />
17
        <img src={background || file} alt='' />
13
        )}
18
      </div>
14
      </CardContent>
19
    </TopicContainer>
15
    </Card>
20
  );
16
  );