Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect, useState } from 'react'

import React, { useEffect, useState } from 'react'

import { axios } from '../../utils'

import { axios } from '../../utils'

import { useLocation } from 'react-router-dom'

import { useLocation } from 'react-router-dom'

import { getBackendVars } from '../../services/backendVars'

import { getBackendVars } from '../../services/backendVars'

import { addNotification } from '../../redux/notification/notification.actions'

import { addNotification } from '../../redux/notification/notification.actions'

import { useDispatch, useSelector } from 'react-redux'

import { useDispatch, useSelector } from 'react-redux'

import parse from 'html-react-parser'

import parse from 'html-react-parser'

import TungstenIcon from '@mui/icons-material/Tungsten'

import TungstenIcon from '@mui/icons-material/Tungsten'

import RecommendIcon from '@mui/icons-material/Recommend'

import RecommendIcon from '@mui/icons-material/Recommend'

import FavoriteIcon from '@mui/icons-material/FavoriteTwoTone'

import FavoriteIcon from '@mui/icons-material/FavoriteTwoTone'

import SendOutlinedIcon from '@mui/icons-material/SendOutlined'

import SendOutlinedIcon from '@mui/icons-material/SendOutlined'

import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'

import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'

import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'

import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'

import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'

import { CommentForm, CommentsList } from '../../components/feed/CommentSection'

import HomeNews from '../../components/widgets/default/HomeNews'

import HomeNews from '../../components/widgets/default/HomeNews'

import InputOption from '../../components/dashboard/linkedin/action-button/InputOption'

import InputOption from '../../components/dashboard/linkedin/action-button/InputOption'

import withExternalShare from '../../components/dashboard/linkedin/withExternalShare'

import withExternalShare from '../../components/dashboard/linkedin/withExternalShare'

  const [myReaction, setMyReaction] = useState('')

  const [myReaction, setMyReaction] = useState('')

  const [totalReactions, setTotalReactions] = useState(0)

  const [totalReactions, setTotalReactions] = useState(0)

  const [isMobile, setIsMobile] = useState(false)

  const [isMobile, setIsMobile] = useState(false)

  const [comments, setComments] = useState([])

  const [comments, setComments] = useState([])

  const [showComments, setShowComments] = useState(false)

  const [showComments, setShowComments] = useState(false)

  const labels = useSelector(({ intl }) => intl.labels)

  const labels = useSelector(({ intl }) => intl.labels)

  const dispatch = useDispatch()

  const dispatch = useDispatch()

  const reactionsOptions = [

  const reactionsOptions = [

    {

    {

      type: 'r',

      type: 'r',

      setIsMobile(true)

      setIsMobile(true)

    }

    }

  }, [])

  }, [])

        <Col md='8'>

        <Grid item xs={12} md={8}>

          <StyledContainer>

          <StyledContainer>

            <img src={post.image} />

            <img src={post.image} />

            <StyledContainer.Header title={post.title} />

            <StyledContainer.Body>

            <StyledContainer.Body>

              <Paraphrase>{post.description}</Paraphrase>

              <Paraphrase>{post.description}</Paraphrase>

              {post.file && (

              {post.file && (

                <a href={post.file} download>

                <a href={post.file} download>

                  <img src='/images/extension/pdf.png' alt='pdf' />

                  <img src='/images/extension/pdf.png' alt='pdf' />

                </a>

                </a>

              )}

              )}

            </StyledContainer.Body>

            <div className='d-flex justify-content-between align-items-center px-3'>

            <div className='d-flex justify-content-between align-items-center px-3'>

              <div className='reactions-counter'>

              <div className='reactions-counter'>

                {reactionsOptions

                {reactionsOptions

                  .filter((option) =>

                  .filter((option) =>

              </div>

              </div>

              {!!totalSends && (

              {!!totalSends && (

                <span>{`${totalSends} ${labels.sends?.toLowerCase()}`}</span>

                <span>{`${totalSends} ${labels.sends?.toLowerCase()}`}</span>

              )}

              )}

            </div>

            </div>

            <StyledContainer.Actions>

            <StyledContainer.Actions>

              <ReactionButton />

              <ReactionButton />

              <InputOption

              <InputOption

                icon={ChatOutlinedIcon}

                icon={ChatOutlinedIcon}

                label={labels.comment}

                label={labels.comment}

                onClick={displayCommentSection}

                onClick={displayCommentSection}

              />

              />

              {!isMobile ? (

              {!isMobile ? (

                <ExternalShareButton

                <ExternalShareButton

                  <SendOutlinedIcon />

                  <SendOutlinedIcon />

                  {labels.send}

                  {labels.send}

                </MobileShare>

                </MobileShare>

              )}

              )}

            </StyledContainer.Actions>

            </StyledContainer.Actions>

            {showComments && (

            {showComments && (

              <div className='px-3 pb-2'>

              <div className='px-3 pb-2'>

                <CommentForm onSubmit={addComment} />

                <CommentForm onSubmit={addComment} />

                <CommentsList comments={comments} onDelete={deleteComment} />

                <CommentsList comments={comments} onDelete={deleteComment} />

              </div>

              </div>

            )}

            )}

          </StyledContainer>

          </StyledContainer>

          <HomeNews currentPost={post.uuid} />

          <HomeNews currentPost={post.uuid} />

    </Container>

    </Container>

  )

  )

}

}