Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7201 Rev 7226
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { axios } from '../../utils'
 2 
import { axios } from '../../utils'
3 
import { useDispatch, useSelector } from 'react-redux'
 - 
 
4 
import { Col, Container, Row } from 'react-bootstrap'
 3 
import { useLocation } from 'react-router-dom'
5 
import { getBackendVars } from '../../services/backendVars'
 4 
import { getBackendVars } from '../../services/backendVars'
6 
import { addNotification } from '../../redux/notification/notification.actions'
 5 
import { addNotification } from '../../redux/notification/notification.actions'
- 
 
 6 
import { Col, Container, Row } from 'react-bootstrap'
- 
 
 7 
import { useDispatch, useSelector } from 'react-redux'
7 
import parse from 'html-react-parser'
 8 
import parse from 'html-react-parser'
8 
 
 - 
 
9 
import TungstenIcon from '@mui/icons-material/Tungsten'
 9 
import TungstenIcon from '@mui/icons-material/Tungsten'
10 
import RecommendIcon from '@mui/icons-material/Recommend'
 10 
import RecommendIcon from '@mui/icons-material/Recommend'
11 
import AccessTimeIcon from '@mui/icons-material/AccessTime'
 11 
import AccessTimeIcon from '@mui/icons-material/AccessTime'
12 
import FavoriteIcon from '@mui/icons-material/FavoriteTwoTone'
 12 
import FavoriteIcon from '@mui/icons-material/FavoriteTwoTone'
13 
import SendOutlinedIcon from '@mui/icons-material/SendOutlined'
 13 
import SendOutlinedIcon from '@mui/icons-material/SendOutlined'
14 
import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'
 14 
import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'
15 
import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'
 15 
import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'
16 
import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'
 16 
import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'
Línea -... Línea 17...
- 
 
 17 
 
17 
 
 18 
import { CommentForm, CommentsList } from '../../components/feed/CommentSection'
18 
import HomeNews from '../../components/widgets/default/HomeNews'
 - 
 
19 
import CommentSection from '../../components/feed/CommentSection'
 - 
 
20 
import withExternalShare from '../../components/feed/linkedin/withExternalShare'
 19 
import HomeNews from '../../components/widgets/default/HomeNews'
21 
import InputOption from '../../components/feed/linkedin/InputOption'
 20 
import InputOption from '../../components/feed/linkedin/InputOption'
22 
import ReactionsButton from '../../components/UI/buttons/ReactionsButton'
 21 
import ReactionsButton from '../../components/UI/buttons/ReactionsButton'
Línea 23... Línea 22...
23 
import { useLocation } from 'react-router-dom'
 22 
import withExternalShare from '../../components/feed/linkedin/withExternalShare'
24 
 
 23 
 
25 
const PostViewPage = () => {
 24 
const PostViewPage = () => {
26 
  const [post, setPost] = useState({})
 25 
  const [post, setPost] = useState({})
Línea 66... Línea 65...
66 
 
 65 
 
67 
  const displayCommentSection = () => {
 66 
  const displayCommentSection = () => {
68 
    setShowComments(!showComments)
 67 
    setShowComments(!showComments)
Línea 69... Línea 68...
69 
  }
 68 
  }
70 
 
 69 
 
71 
  const getComments = async () => {
 70 
  const getComments = () => {
Línea 72... Línea 71...
72 
    axios.get(post.comments_url).then((response) => {
 71 
    axios.get(post.comments_url).then((response) => {
- 
 
 72 
      const { data, success } = response.data
- 
 
 73 
 
- 
 
 74 
      if (!success) {
73 
      const { data, success } = response.data
 75 
        const errorMessage =
74 
 
 76 
          typeof data === 'string' ? data : 'Error interno. Intente más tarde.'
75 
      if (!success) {
 77 
 
Línea 76... Línea 78...
76 
        addNotification({ style: 'danger', msg: data })
 78 
        dispatch(addNotification({ style: 'danger', msg: errorMessage }))
77 
        return
 79 
        return
Línea 113... Línea 115...
113 
      )
 115 
      )
114 
    }
 116 
    }
115 
    return <p>{fullText}</p>
 117 
    return <p>{fullText}</p>
116 
  }
 118 
  }
Línea -... Línea 119...
- 
 
 119 
 
- 
 
 120 
  const addComment = ({ comment }) => {
- 
 
 121 
    const formData = new FormData()
- 
 
 122 
    formData.append('comment', comment)
- 
 
 123 
 
- 
 
 124 
    axios.post(post.comments_add_url, formData).then((response) => {
- 
 
 125 
      const { success, data } = response.data
- 
 
 126 
 
- 
 
 127 
      if (!success) {
- 
 
 128 
        const errorMessage =
- 
 
 129 
          typeof data === 'string' ? data : 'Error interno. Intente más tarde.'
- 
 
 130 
 
- 
 
 131 
        dispatch(addNotification({ style: 'danger', msg: errorMessage }))
- 
 
 132 
        return
- 
 
 133 
      }
- 
 
 134 
 
- 
 
 135 
      setComments((prevMessages) => [...prevMessages, data])
- 
 
 136 
    })
- 
 
 137 
  }
- 
 
 138 
 
- 
 
 139 
  const deleteComment = (commentUnique, deleteCommentUrl) => {
- 
 
 140 
    axios
- 
 
 141 
      .post(deleteCommentUrl)
- 
 
 142 
      .then((response) => {
- 
 
 143 
        const { success, data } = response.data
- 
 
 144 
 
- 
 
 145 
        if (!success) {
- 
 
 146 
          const errorMessage =
- 
 
 147 
            typeof data === 'string'
- 
 
 148 
              ? data
- 
 
 149 
              : 'Error interno. Intente más tarde.'
- 
 
 150 
 
- 
 
 151 
          dispatch(addNotification({ style: 'danger', msg: errorMessage }))
- 
 
 152 
          return
- 
 
 153 
        }
- 
 
 154 
 
- 
 
 155 
        setComments((prevComments) =>
- 
 
 156 
          prevComments.filter((comment) => comment.unique !== commentUnique)
- 
 
 157 
        )
- 
 
 158 
        dispatch(addNotification({ style: 'success', msg: data }))
- 
 
 159 
      })
- 
 
 160 
      .catch((error) => {
- 
 
 161 
        dispatch(addNotification({ style: 'danger', msg: error }))
- 
 
 162 
        throw new Error(error)
- 
 
 163 
      })
- 
 
 164 
  }
117 
 
 165 
 
118 
  useEffect(() => {
 166 
  useEffect(() => {
119 
    getBackendVars(pathname)
 167 
    getBackendVars(pathname)
120 
      .then((post) => {
 168 
      .then((post) => {
121 
        setMyReaction(post.my_reaction)
 169 
        setMyReaction(post.my_reaction)
Línea 208... Línea 256...
208 
                onClick={displayCommentSection}
 256 
                onClick={displayCommentSection}
209 
                withTitle
 257 
                withTitle
210 
              />
 258 
              />
211 
              <ExternalShareButton />
 259 
              <ExternalShareButton />
212 
            </div>
 260 
            </div>
213 
            <div className="px-2 pb-2">
 261 
            {showComments && (
214 
              <CommentSection
 262 
              <>
215 
                addUrl={post.comments_add_url}
 263 
                <CommentForm onSubmit={addComment} />
216 
                currentComments={comments}
 264 
                <CommentsList comments={comments} onDelete={deleteComment} />
217 
                isShow={showComments}
 - 
 
218 
              />
 265 
              </>
219 
            </div>
 266 
            )}
220 
          </div>
 267 
          </div>
221 
        </Col>
 268 
        </Col>
222 
        <Col md="4">
 269 
        <Col md="4">
223 
          <HomeNews currentPost={post.uuid} />
 270 
          <HomeNews currentPost={post.uuid} />
224 
        </Col>
 271 
        </Col>