Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3527 Rev 3533
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { useParams } from 'react-router-dom';
 2 
import { useParams } from 'react-router-dom';
3 
import { Typography } from '@mui/material';
 3 
import { Box, Typography } from '@mui/material';
Línea 4... Línea 4...
4 
 
 4 
 
5 
import { useCapsule } from '@microlearning/hooks';
 5 
import { useCapsule } from '@microlearning/hooks';
Línea 6... Línea 6...
6 
import { parse } from '@shared/utils';
 6 
import { parse } from '@shared/utils';
Línea 21... Línea 21...
21 
 
 21 
 
Línea 22... Línea 22...
22 
  if (loading || !capsule) return <Spinner />;
 22 
  if (loading || !capsule) return <Spinner />;
23 
 
 23 
 
- 
 
 24 
  return (
- 
 
 25 
    <Card>
24 
  return (
 26 
      <CardMedia
- 
 
 27 
        src={capsule.image}
- 
 
 28 
        alt={`${capsule.name} capsule`}
- 
 
 29 
        sx={{
- 
 
 30 
          aspectRatio: 1 / 0.5,
- 
 
 31 
          objectFit: 'contain',
- 
 
 32 
          objectPosition: 'center'
25 
    <Card>
 33 
        }}
26 
      <CardMedia src={capsule.image} alt={`${capsule.name} capsule`} />
 34 
      />
27 
      <CardContent>
 35 
      <CardContent>
Línea -... Línea 36...
- 
 
 36 
        <Typography variant='h1'>{capsule.name}</Typography>
28 
        <Typography variant='h1'>{capsule.name}</Typography>
 37 
        <Typography>{parse(capsule.description)}</Typography>
- 
 
 38 
 
29 
        <Typography>{parse(capsule.description)}</Typography>
 39 
        <Box sx={{ mt: 1, display: 'flex', flexDirection: 'column', gap: 1 }}>
30 
 
 40 
          <CommentForm />
31 
        <CommentForm />
 41 
          <CommentsList comments={capsule.comments} />
32 
        <CommentsList />
 42 
        </Box>
33 
      </CardContent>
 43 
      </CardContent>