Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3481 stevensc 1 
import React from 'react';
3492 stevensc 2 
import { Avatar, Box, Typography } from '@mui/material';
3481 stevensc 3 
 
4 
import { parse } from '@utils';
5 
 
3492 stevensc 6 
import { Card, CardContent } from '@shared/components';
7 
import { CapsuleRating } from '.';
3481 stevensc 8 
 
3517 stevensc 9 
export function CapsuleDetail({
3491 stevensc 10 
  capsule: { name, description, image, total_rating },
3481 stevensc 11 
  readOnly = false
3517 stevensc 12 
}) {
3492 stevensc 13 
  const totalRating = Number(total_rating);
3481 stevensc 14 
  return (
3492 stevensc 15 
    <Card>
16 
      <CardContent>
17 
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
18 
          <Avatar sx={{ width: 60, height: 60 }} src={image} />
3481 stevensc 19 
 
3492 stevensc 20 
          <Box>
21 
            <Typography variant='h2'>{name}</Typography>
22 
            <Typography>{parse(description)}</Typography>
3493 stevensc 23 
            <CapsuleRating readOnly={readOnly} defaultValue={totalRating} sx={{ mt: 0.5 }} />
3492 stevensc 24 
          </Box>
25 
        </Box>
26 
      </CardContent>
27 
    </Card>
3481 stevensc 28 
  );
3517 stevensc 29 
}