Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7201 Rev 7230
Línea 14... Línea 14...
14 
import parse from 'html-react-parser'
 14 
import parse from 'html-react-parser'
15 
import styled from 'styled-components'
 15 
import styled from 'styled-components'
16 
import FileDownloadIcon from '@mui/icons-material/FileDownload'
 16 
import FileDownloadIcon from '@mui/icons-material/FileDownload'
Línea 17... Línea 17...
17 
 
 17 
 
18 
import ReactionsButton from '../../components/UI/buttons/ReactionsButton'
 18 
import ReactionsButton from '../../components/UI/buttons/ReactionsButton'
Línea 19... Línea 19...
19 
import FeedCommentSection from '../../components/feed/CommentSection'
 19 
import { CommentForm, CommentsList } from '../../components/feed/CommentSection'
20 
 
 20 
 
21 
const KnowledgeCard = styled(Card)`
 21 
const KnowledgeCard = styled(Card)`
22 
  background-color: var(--bg-color);
 22 
  background-color: var(--bg-color);
Línea 54... Línea 54...
54 
  })
 54 
  })
55 
  const labels = useSelector(({ intl }) => intl.labels)
 55 
  const labels = useSelector(({ intl }) => intl.labels)
56 
  const dispatch = useDispatch()
 56 
  const dispatch = useDispatch()
57 
  const { uuid } = useParams()
 57 
  const { uuid } = useParams()
Línea 58... Línea 58...
58 
 
 58 
 
59 
  const changeReaction = (reaction) => {
 59 
  const changeReaction = ({ reactions }) => {
60 
    setKnowledge((prevKnowledge) => ({ ...prevKnowledge }))
 60 
    setKnowledge((prevKnowledge) => ({ ...prevKnowledge }))
Línea -... Línea 61...
- 
 
 61 
  }
- 
 
 62 
 
- 
 
 63 
  const addComment = ({ comment }) => {
- 
 
 64 
    const formData = new FormData()
- 
 
 65 
    formData.append('comment', comment)
- 
 
 66 
 
- 
 
 67 
    axios.post(knowledge.routeCommentAdd, formData).then((response) => {
- 
 
 68 
      const { success, data } = response.data
- 
 
 69 
 
- 
 
 70 
      if (!success) {
- 
 
 71 
        const errorMessage =
- 
 
 72 
          typeof data === 'string' ? data : 'Error interno. Intente más tarde.'
- 
 
 73 
 
- 
 
 74 
        dispatch(addNotification({ style: 'danger', msg: errorMessage }))
- 
 
 75 
        return
- 
 
 76 
      }
- 
 
 77 
 
- 
 
 78 
      setComments((prevMessages) => [...prevMessages, data])
- 
 
 79 
    })
- 
 
 80 
  }
- 
 
 81 
 
- 
 
 82 
  const deleteComment = (commentUnique, deleteCommentUrl) => {
- 
 
 83 
    axios
- 
 
 84 
      .post(deleteCommentUrl)
- 
 
 85 
      .then((response) => {
- 
 
 86 
        const { success, data } = response.data
- 
 
 87 
 
- 
 
 88 
        if (!success) {
- 
 
 89 
          const errorMessage =
- 
 
 90 
            typeof data === 'string'
- 
 
 91 
              ? data
- 
 
 92 
              : 'Error interno. Intente más tarde.'
- 
 
 93 
 
- 
 
 94 
          dispatch(addNotification({ style: 'danger', msg: errorMessage }))
- 
 
 95 
          return
- 
 
 96 
        }
- 
 
 97 
 
- 
 
 98 
        setComments((prevComments) =>
- 
 
 99 
          prevComments.filter((comment) => comment.unique !== commentUnique)
- 
 
 100 
        )
- 
 
 101 
        dispatch(addNotification({ style: 'success', msg: data }))
- 
 
 102 
      })
- 
 
 103 
      .catch((error) => {
- 
 
 104 
        dispatch(addNotification({ style: 'danger', msg: error }))
- 
 
 105 
        throw new Error(error)
- 
 
 106 
      })
61 
  }
 107 
  }
62 
 
 108 
 
63 
  useEffect(() => {
 109 
  useEffect(() => {
64 
    axios
 110 
    axios
65 
      .get(`/knowledge-area/view/${uuid}`, {
 111 
      .get(`/knowledge-area/view/${uuid}`, {
Línea 171... Línea 217...
171 
                  {labels.knowledge_area_go_to_link}
 217 
                  {labels.knowledge_area_go_to_link}
172 
                </a>
 218 
                </a>
173 
              )}
 219 
              )}
174 
            </KnowledgeActions>
 220 
            </KnowledgeActions>
175 
            <div className="px-3">
 221 
            <div className="px-3">
176 
              <FeedCommentSection
 - 
 
177 
                currentComments={comments}
 222 
              <CommentForm onSubmit={addComment} />
178 
                addUrl={knowledge.routeCommentAdd}
 223 
              <CommentsList comments={comments} onDelete={deleteComment} />
179 
                isShow
 - 
 
180 
              />
 - 
 
181 
            </div>
 224 
            </div>
182 
          </KnowledgeCard>
 225 
          </KnowledgeCard>
183 
        </Col>
 226 
        </Col>
184 
      </Row>
 227 
      </Row>
185 
    </Container>
 228 
    </Container>