WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/dashboard/templates/linkedin/Feed/Feed.jsx

 import { addNotification } from '../../../../redux/notification/notification.actions'
 import { openShareModal } from '../../../../redux/share-modal/shareModal.actions'
 import { shareModalTypes } from '../../../../redux/share-modal/shareModal.types'
 import { feedTypes } from '../../../../redux/feed/feed.types'
 import FeedCommentSection from '../../../components/feed/feed-comment/FeedCommentSection'
-import { connect, useDispatch } from 'react-redux'
+import { connect, useDispatch, useSelector } from 'react-redux'
 import withExternalShare from './withExternalShare'
 import ConfirmModal from '../../../../shared/confirm-modal/ConfirmModal'
 import { deleteFeed } from '../../../../redux/feed/feed.actions'
 import FeedModal from '../../../components/feed/FeedModal'
 import withReactions from '../../../components/feed/withReaction'
 import RecommendIcon from '@mui/icons-material/Recommend'
 import FavoriteIcon from '@mui/icons-material/FavoriteTwoTone'
 import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'
 import EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'
 import TungstenIcon from '@mui/icons-material/Tungsten'
+import SurveyForm from '../../../components/survey-form/SurveyForm'
 const Feed = (props) => {
   const {
     isShare = false,
   const [totalComments, setTotalComments] = useState(owner_comments)
   const [externalShare, setExternalShare] = useState(owner_external_shared)
   const [sharedState, setSharedState] = useState(owner_shared)
   const [showComments, setShowComments] = useState(false)
   const [showModal, setShowModal] = useState(false)
+  const labels = useSelector(({ labels }) => labels)
   const reactionsOptions = [
+    {
       type: 'r',
             (owner_file_image || owner_file_video || owner_file_document) &&
             setShowModal(true)
+          }
+        >
           <Feed.Content
-            ownerDescription={owner_description}
+            description={owner_description}
-            ownerFileImage={owner_file_image}
+            image={owner_file_image}
-            ownerFileImagepreview={owner_file_image_preview}
+            imagePreview={owner_file_image_preview}
-            ownerFileVideo={owner_file_video}
+            video={owner_file_video}
-            ownerFileDocument={owner_file_document}
+            document={owner_file_document}
             sharedItem={{
               name: shared_name,
               image: shared_image,
               time_elapse: shared_time_elapse,
               description: shared_description,
             <div
               className="d-inline-flex align-items-center"
               style={{ gap: '5px' }}
+            >
               {!!totalComments && (
-                <span>{`${totalComments} ${LABELS.COMMENTS.toLowerCase()}`}</span>
+                <span>{`${totalComments} ${labels.COMMENTS.toLowerCase()}`}</span>
               )}
               {!!sharedState && (
-                <span>{`${sharedState} ${LABELS.SHARED.toLowerCase()}`}</span>
+                <span>{`${sharedState} ${labels.SHARED.toLowerCase()}`}</span>
               )}
               {!!externalShare && (
-                <span>{`${externalShare} ${LABELS.SENDS.toLowerCase()}`}</span>
+                <span>{`${externalShare} ${labels.SENDS.toLowerCase()}`}</span>
               )}
             </div>
           </div>
         )}
         {!isShare && (
           <div className="feed__buttons">
             <WithReactionIcon withTitle />
             <InputOption
               Icon={ChatOutlinedIcon}
-              title={LABELS.COMMENT}
+              title={labels.COMMENT}
               color="gray"
               onClick={displayCommentSection}
               withTitle
             />
             <InputOption
               Icon={ShareOutlinedIcon}
-              title={LABELS.SHARE}
+              title={labels.SHARE}
               color="gray"
               onClick={handleShare}
               withTitle
             />
     </>
+  )
+}
 const Content = ({
-  ownerDescription,
+  description,
-  ownerFileImage,
+  image,
-  ownerFileImagepreview,
+  imagePreview,
-  ownerFileVideo,
+  video,
-  ownerFileDocument,
+  document,
+  sharedItem,
-  sharedItem,
+  type,
 }) => {
+  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
-  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
+  const labels = useSelector(({ labels }) => labels)
   const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
       const shortenedText = parse(`${shortenedString}... `)
       return (
         <>
           {isReadMoreActive ? fullText : shortenedText}
           <span className="cursor-pointer" onClick={readMoreHandler}>
-            {isReadMoreActive ? LABELS.READ_LESS : LABELS.READ_MORE}
+            {isReadMoreActive ? labels.READ_LESS : labels.READ_MORE}
           </span>
         </>
+      )
+    }
     return <p>{fullText}</p>
+  }
   return (
+    <>
-    <>
+      {type !== 'fast-survey' ? (
+        htmlParsedText(description)
-      {ownerDescription && htmlParsedText(ownerDescription)}
+      ) : (
+        <SurveyForm
-      {ownerFileImage && (
+          active={description.active}
-        <img src={ownerFileImage} className="Entradas" loading="lazy" />
+          question={description.question}
-      )}
+          answers={[
-      {ownerFileVideo && (
+            description.answer1,
-        <video
+            description.answer2,
-          src={ownerFileVideo}
+            description.answer3,
-          controls
+            description.answer4,
-          poster={ownerFileImagepreview}
+            description.answer5,
+          ]}
-          preload="none"
+          time={description.time_remaining}
         />
+      )}
+      {image && <img src={image} className="Entradas" loading="lazy" />}
+      {video && (
+        <video src={video} controls poster={imagePreview} preload="none" />
       )}
-      {ownerFileDocument && (
+      {document && (
-        <a href={ownerFileDocument} target="_blank" rel="noreferrer">
+        <a href={document} target="_blank" rel="noreferrer">
-          {LABELS.DOWNLOAD}
+          {labels.DOWNLOAD}
         </a>
       )}
       {sharedItem.name && (
         <div className="py-3 px-md-3">
 }) => {
   const [showConfirmModal, setShowConfirmModal] = useState(false)
   const [displayOption, setDisplayOption] = useState(false)
   const deleteButton = useRef()
   const dispatch = useDispatch()
+  const labels = useSelector(({ labels }) => labels)
   const handleShowConfirmModal = () => setShowConfirmModal(!showConfirmModal)
                   className="option-btn"
                   onClick={handleShowConfirmModal}
                   ref={deleteButton}
+                >
                   <i className="fa fa-trash-o mr-1" />
-                  {LABELS.DELETE}
+                  {labels.DELETE}
                 </button>
               </li>
             </ul>
           </div>
           <ConfirmModal
             show={showConfirmModal}
             onClose={() => handleShowConfirmModal(false)}
             onAccept={deleteFeedHandler}
-            acceptLabel={LABELS.ACCEPT}
+            acceptLabel={labels.ACCEPT}
           />
         </div>
       )}
     </div>
+  )

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/react-webpack/dashboard/templates/linkedin/Feed/Feed.jsx – Rev 6375 → 6390