Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1750 Rev 1751
Línea -... Línea 1...
- 
 
 1 
import React, { useState } from 'react'
1 
import {
 2 
import {
2 
  Avatar,
 3 
  Avatar,
3 
  Button,
 4 
  Button,
4 
  Card,
 5 
  Card,
5 
  CardActions,
 6 
  CardActions,
6 
  CardContent,
 7 
  CardContent,
7 
  CardHeader,
 8 
  CardHeader,
8 
  Collapse,
 9 
  Collapse,
9 
  Typography
 10 
  Typography
10 
} from '@mui/material'
 11 
} from '@mui/material'
11 
import React, { useState } from 'react'
 - 
 
Línea 12... Línea 12...
12 
 
 12 
 
13 
export default function ReportCard({ report }) {
 13 
export default function ReportCard({ report }) {
14 
  const {
 14 
  const {
15 
    first_name = '',
 15 
    first_name = '',
Línea 33... Línea 33...
33 
    <Card sx={{ maxWidth: 345 }}>
 33 
    <Card sx={{ maxWidth: 345 }}>
34 
      <CardHeader
 34 
      <CardHeader
35 
        avatar={<Avatar src={image} alt={name} />}
 35 
        avatar={<Avatar src={image} alt={name} />}
36 
        title={`${first_name} ${last_name}`}
 36 
        title={`${first_name} ${last_name}`}
37 
        subheader={date}
 37 
        subheader={date}
- 
 
 38 
        sx={{ p: 1 }}
38 
      />
 39 
      />
Línea 39... Línea 40...
39 
 
 40 
 
- 
 
 41 
      <CardContent sx={{ p: 1 }}>
40 
      <CardContent>
 42 
        <Typography paragraph>
- 
 
 43 
          <Typography variant='body2'>Tipo: </Typography>
- 
 
 44 
          {type}
- 
 
 45 
        </Typography>
41 
        <Typography variant='body2'>Tipo: {type}</Typography>
 46 
        <Typography paragraph>
- 
 
 47 
          <Typography variant='body2'>Motivo: </Typography>
- 
 
 48 
          {reason}
- 
 
 49 
        </Typography>
42 
        <Typography variant='body2'>Motivo: {reason}</Typography>
 50 
        <Typography paragraph>
- 
 
 51 
          <Typography variant='body2'>Estatus: </Typography>
- 
 
 52 
          {status}
- 
 
 53 
        </Typography>
43 
        <Typography variant='body2'>Estatus: {status}</Typography>
 54 
        <Typography paragraph>
- 
 
 55 
          <Typography variant='body2'>Email: </Typography>
- 
 
 56 
          {email}
44 
        <Typography variant='body2'>Email: {email}</Typography>
 57 
        </Typography>
Línea 45... Línea 58...
45 
      </CardContent>
 58 
      </CardContent>
46 
 
 59 
 
47 
      <CardActions>
 60 
      <CardActions sx={{ p: 1 }}>
48 
        <Button size='small' onClick={handleExpandClick}>
 61 
        <Button variant='tertiary' size='small' onClick={handleExpandClick}>
49 
          Detalles
 62 
          Detalles
Línea 50... Línea 63...
50 
        </Button>
 63 
        </Button>
51 
      </CardActions>
 64 
      </CardActions>
- 
 
 65 
 
52 
 
 66 
      <Collapse in={expanded} timeout='auto' unmountOnExit>
53 
      <Collapse in={expanded} timeout='auto' unmountOnExit>
 67 
        <CardContent sx={{ p: 1 }}>
54 
        <CardContent>
 68 
          <Typography variant='body1'>Comentario:</Typography>
55 
          <Typography paragraph>{commet}</Typography>
 69 
          <Typography paragraph>{commet}</Typography>
56 
        </CardContent>
 70 
        </CardContent>