Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3741 Rev 3746
Línea 1... Línea 1...
1
import React from 'react';
1
import React from 'react';
2
import { useSelector } from 'react-redux';
2
import { useSelector } from 'react-redux';
3
import { useNavigate } from 'react-router-dom';
-
 
4
import { styled, Typography } from '@mui/material';
3
import { styled, Typography } from '@mui/material';
Línea 5... Línea 4...
5
 
4
 
Línea 6... Línea 5...
6
import { parse } from '@shared/utils';
5
import { parse } from '@shared/utils';
Línea 30... Línea 29...
30
    font-weight: 600;
29
    font-weight: 600;
31
  }
30
  }
32
`;
31
`;
Línea 33... Línea 32...
33
 
32
 
34
export function QuestionCard({
33
export function QuestionCard({
35
  question = {},
-
 
36
  onEdit = () => {},
-
 
37
  onDelete = () => {},
-
 
38
  onReply = () => {}
-
 
39
}) {
-
 
40
  const labels = useSelector(({ intl }) => intl.labels);
-
 
41
  const navigate = useNavigate();
-
 
42
 
-
 
43
  const {
34
  question: {
44
    last_answer_on = '',
35
    last_answer_on = '',
45
    added_on = '',
36
    added_on = '',
46
    user_name = '',
37
    user_name = '',
47
    user_image = '',
38
    user_image = '',
48
    title = '',
39
    title = '',
49
    description = '',
40
    description = '',
50
    categories = [],
41
    categories = [],
51
    views = 0,
42
    views = 0,
52
    answers = 0,
43
    answers = 0,
53
    reactions = 0,
44
    reactions = 0,
54
    comments = 0,
45
    comments = 0
55
    link_view = '',
46
  },
56
    link_edit = '',
47
  onEdit,
57
    link_delete = '',
48
  onDelete,
58
    link_answers_add = ''
49
  onReply,
-
 
50
  onView
-
 
51
}) {
Línea 59... Línea 52...
59
  } = question;
52
  const labels = useSelector(({ intl }) => intl.labels);
60
 
53
 
61
  return (
54
  return (
62
    <Card sx={{ cursor: 'pointer' }} onClick={() => navigate(link_view)}>
55
    <Card sx={{ cursor: onView ? 'pointer' : 'default' }} onClick={onView}>
63
      <CardHeader
56
      <CardHeader
64
        avatar={user_image}
57
        avatar={user_image}
65
        title={user_name}
58
        title={user_name}
66
        renderAction={() => (
59
        renderAction={() => (
67
          <Menu>
60
          <Menu>
68
            {link_delete && <Menu.Item onClick={() => onDelete(link_delete)}>Borrar</Menu.Item>}
-
 
69
            {link_edit && <Menu.Item onClick={() => onEdit(question)}>Editar</Menu.Item>}
61
            {onDelete && <Menu.Item onClick={onDelete}>Borrar</Menu.Item>}
70
            {link_answers_add && (
-
 
71
              <Menu.Item onClick={() => onReply(link_edit)}>Responder</Menu.Item>
62
            {onEdit && <Menu.Item onClick={onEdit}>Editar</Menu.Item>}
72
            )}
63
            {onReply && <Menu.Item onClick={onReply}>Responder</Menu.Item>}
73
          </Menu>
64
          </Menu>
Línea 74... Línea 65...
74
        )}
65
        )}