Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7162 Rev 7163
Línea 3... Línea 3...
3 
import { useSelector } from 'react-redux'
 3 
import { useSelector } from 'react-redux'
4 
import styled from 'styled-components'
 4 
import styled from 'styled-components'
5 
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 5 
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
6 
import EditIcon from '@mui/icons-material/Edit'
 6 
import EditIcon from '@mui/icons-material/Edit'
7 
import DeleteIcon from '@mui/icons-material/Delete'
 7 
import DeleteIcon from '@mui/icons-material/Delete'
- 
 
 8 
import { useHistory } from 'react-router-dom'
Línea 8... Línea 9...
8 
 
 9 
 
9 
const StyledQuestionCard = styled(Card)`
 10 
const StyledQuestionCard = styled(Card)`
10 
  background: var(--bg-color);
 11 
  background: var(--bg-color);
11 
  border: 1px solid var(--border-primary);
 12 
  border: 1px solid var(--border-primary);
12 
  border-radius: var(--border-radius);
 13 
  border-radius: var(--border-radius);
- 
 
 14 
  height: fit-content;
13 
  height: fit-content;
 15 
  padding: 1rem 0;
14 
  & > * {
 16 
  & > * {
15 
    padding-right: 1rem;
 17 
    padding-right: 1rem;
16 
    padding-left: 1rem;
 18 
    padding-left: 1rem;
17 
  }
 19 
  }
Línea 68... Línea 70...
68 
    flex-grow: 1;
 70 
    flex-grow: 1;
69 
  }
 71 
  }
70 
`
 72 
`
Línea 71... Línea 73...
71 
 
 73 
 
- 
 
 74 
const QuestionCard = ({
- 
 
 75 
  updated_on = '',
72 
const QuestionCard = ({
 76 
  link_add_comment = '',
73 
  uuid = '',
 77 
  added_on = '',
74 
  user_name = '',
 78 
  user_name = '',
75 
  user_image = '',
 79 
  user_image = '',
76 
  title = '',
 80 
  title = '',
77 
  description = '',
 81 
  description = '',
78 
  categories = [],
 82 
  categories = [],
79 
  views = 0,
 83 
  views = 0,
80 
  answers = 0,
 84 
  answers = 0,
81 
  reactions = 0,
 85 
  reactions = 0,
82 
  comments = 0,
 - 
 
83 
  added_on = '',
 - 
 
84 
  updated_on = '',
 - 
 
85 
  link_add_comment = '',
 86 
  comments = 0,
86 
  link_view = '',
 87 
  link_view = '',
87 
  link_edit = '',
 88 
  link_edit = '',
- 
 
 89 
  link_delete = '',
- 
 
 90 
  onDelete = () => null,
88 
  link_delete = '',
 91 
  onEdit = () => null,
89 
}) => {
 92 
}) => {
- 
 
 93 
  const labels = useSelector(({ intl }) => intl.labels)
- 
 
 94 
  const history = useHistory()
- 
 
 95 
 
- 
 
 96 
  const onView = (url = '') => {
- 
 
 97 
    history.replace(url)
Línea 90... Línea 98...
90 
  const labels = useSelector(({ intl }) => intl.labels)
 98 
  }
91 
 
 99 
 
92 
  return (
 100 
  return (
93 
    <StyledQuestionCard>
 101 
    <StyledQuestionCard>
Línea 118... Línea 126...
118 
        <span>{`${comments} ${labels.comments}`}</span>
 126 
        <span>{`${comments} ${labels.comments}`}</span>
119 
      </div>
 127 
      </div>
Línea 120... Línea 128...
120 
 
 128 
 
121 
      <QuestionActions>
 129 
      <QuestionActions>
- 
 
 130 
        {link_view && (
122 
        {link_view && (
 131 
          <button
- 
 
 132 
            className="btn feed__share-option"
- 
 
 133 
            onClick={() => onView(link_view)}
123 
          <button className="btn feed__share-option">
 134 
          >
124 
            <OpenInNewIcon />
 135 
            <OpenInNewIcon />
125 
            {labels.view}
 136 
            {labels.view}
126 
          </button>
 137 
          </button>
127 
        )}
 138 
        )}
- 
 
 139 
        {link_edit && (
128 
        {link_edit && (
 140 
          <button
- 
 
 141 
            className="btn feed__share-option"
- 
 
 142 
            onClick={() => onEdit(link_edit)}
129 
          <button className="btn feed__share-option">
 143 
          >
130 
            <EditIcon />
 144 
            <EditIcon />
131 
            {labels.edit}
 145 
            {labels.edit}
132 
          </button>
 146 
          </button>
133 
        )}
 147 
        )}
- 
 
 148 
        {link_delete && (
134 
        {link_delete && (
 149 
          <button
- 
 
 150 
            className="btn feed__share-option"
- 
 
 151 
            onClick={() => onDelete(link_delete)}
135 
          <button className="btn feed__share-option">
 152 
          >
136 
            <DeleteIcon />
 153 
            <DeleteIcon />
137 
            {labels.delete}
 154 
            {labels.delete}
138 
          </button>
 155 
          </button>
139 
        )}
 156 
        )}