Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3694 Rev 3719
Línea 1... Línea 1...
1
import CheckCircle from '@mui/icons-material/CheckCircle';
1
import CheckCircle from '@mui/icons-material/CheckCircle';
2
import { Box, styled, Typography } from '@mui/material';
-
 
3
import React from 'react';
2
import React from 'react';
4
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
3
import { Card, CardContent, CardHeader, CardMedia } from '@shared/components';
5
 
4
 
6
export function SlideCard({ slide: { name, background, file, completed }, onClick }) {
5
export function SlideCard({ slide: { name, background, file, completed }, onClick }) {
7
  return (
6
  return (
8
    <Card onClick={onClick}>
7
    <Card onClick={onClick}>
9
      <CardHeader title={name} />
8
      <CardHeader title={name} />
10
      <CardContent>
9
      <CardContent>
11
        <CardMedia src={background || file} />
10
        <CardMedia src={background || file} />
12
        {!!completed && (
11
        {!!completed && (
13
          <CheckCircle color='success' sx={{ position: 'absolute', right: 1, top: 1 }} />
12
          <CheckCircle color='success' sx={{ position: 'absolute', right: 1, top: 1 }} />
14
        )}
13
        )}
15
      </CardContent>
14
      </CardContent>
16
    </Card>
15
    </Card>
17
  );
16
  );
18
}
17
}