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

 import ThumbUpAltOutlinedIcon from '@mui/icons-material/ThumbUpAltOutlined'
 import ThumbUpAltIcon from '@mui/icons-material/ThumbUpAlt'
 import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'
 import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'
 import SendOutlinedIcon from '@mui/icons-material/SendOutlined'
-import RecommendIcon from '@mui/icons-material/Recommend';
+import RecommendIcon from '@mui/icons-material/Recommend'
 import InputOption from './InputOption'
 import parse from 'html-react-parser'
 import Avatar from '../../../../shared/Avatar/Avatar'
-import AccessTimeIcon from '@mui/icons-material/AccessTime';
+import AccessTimeIcon from '@mui/icons-material/AccessTime'
 import { axios } from '../../../../utils'
 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 ConfirmModal from '../../../../shared/confirm-modal/ConfirmModal'
 import { deleteFeed } from '../../../../redux/feed/feed.actions'
 import FeedModal from '../../../components/feed/FeedModal'
-const Feed = (props) => {
 const Feed = (props) => {
   const {
     isShare = false,
     feed_unique,
     feed_is_liked,
     owner_external_shared,
     shared_file_document,
     shared_url,
     feed_increment_external_counter_url,
     addNotification, // REDUX ACTION
-    openShareModal, // REDUX ACTION
+    openShareModal // REDUX ACTION
-  } = props;
+  } = props
-  const [feedIsLiked, setFeedIsLiked] = useState(feed_is_liked);
+  const [feedIsLiked, setFeedIsLiked] = useState(feed_is_liked)
-  const [likesState, setLikesState] = useState(feed_likes);
+  const [likesState, setLikesState] = useState(feed_likes)
-  const [totalComments, setTotalComments] = useState(owner_comments);
+  const [totalComments, setTotalComments] = useState(owner_comments)
-  const [externalShare, setExternalShare] = useState(owner_external_shared);
+  const [externalShare, setExternalShare] = useState(owner_external_shared)
-  const [sharedState, setSharedState] = useState(owner_shared);
+  const [sharedState, setSharedState] = useState(owner_shared)
-  const [showComments, setShowComments] = useState(false);
+  const [showComments, setShowComments] = useState(false)
-  const [showModal, setShowModal] = useState(false);
+  const [showModal, setShowModal] = useState(false)
   const handleLike = (url) => {
     axios.post(url)
       .then(({ data: response }) => {
         if (!response.success) {
-          addNotification({ style: "danger", msg: response.data })
+          addNotification({ style: 'danger', msg: response.data })
           return
         }
         setLikesState(response.data.likes)
-        setFeedIsLiked(!feedIsLiked);
+        setFeedIsLiked(!feedIsLiked)
-      });
+      })
   };
     title: 'Send',
     shareUrl: feed_increment_external_counter_url,
     setValue: handleExternalShare
   })
-  useEffect(() => setSharedState(owner_shared), [owner_shared]);
+  useEffect(() => setSharedState(owner_shared), [owner_shared])
   return (
     <>
               description: shared_description,
               file_video: shared_file_video,
               file_image_preview: shared_file_image_preview,
               file_image: shared_file_image,
               file_document: shared_file_document,
-              shared_url: shared_url
+              shared_url
             }}
           />
         </div>
   ownerFileImagepreview,
   ownerFileVideo,
   ownerFileDocument,
   sharedItem
 }) => {
-  const [isReadMoreActive, setIsReadMoreActive] = useState(false);
+  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
   const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
   const htmlParsedText = (fullStringText) => {
     const fullText = parse(fullStringText)
     if (fullStringText.length > 500) {
-      const shortenedString = fullStringText.substr(0, 500);
+      const shortenedString = fullStringText.substr(0, 500)
-      const shortenedText = parse(`${shortenedString}... `);
+      const shortenedText = parse(`${shortenedString}... `)
       return (
         <>
           {isReadMoreActive ? fullText : shortenedText}
           <span className='cursor-pointer' onClick={readMoreHandler}>
-            {isReadMoreActive ? " Leer menos" : " Leer más"}
+            {isReadMoreActive ? ' Leer menos' : ' Leer más'}
           </span>
         </>
       );
+    }
     return <p>{fullText}</p>
   timeElapsed = '',
   deleteUrl = '',
   viewUrl = '',
   feedUnique = ''
 }) => {
-  const [showConfirmModal, setShowConfirmModal] = useState(false);
+  const [showConfirmModal, setShowConfirmModal] = useState(false)
   const [displayOption, setDisplayOption] = useState(false)
-  const deleteButton = useRef();
+  const deleteButton = useRef()
   const dispatch = useDispatch()
-  const handleShowConfirmModal = () => setShowConfirmModal(!showConfirmModal);
+  const handleShowConfirmModal = () => setShowConfirmModal(!showConfirmModal)
   const deleteFeedHandler = () => {
     axios.post(deleteUrl)
       .then((res) => {
         const { data } = res
         if (!data.success) {
-          dispatch(addNotification({ style: "danger", msg: data.data }))
+          dispatch(addNotification({ style: 'danger', msg: data.data }))
           return
+        }
-        dispatch(addNotification({ style: "success", msg: data.data }))
+        dispatch(addNotification({ style: 'success', msg: data.data }))
         handleShowConfirmModal()
-        dispatch(deleteFeed(feedUnique));
+        dispatch(deleteFeed(feedUnique))
-      });
+      })
   };
   useEffect(() => {
     const handleClickOutside = (event) => {
       if (deleteButton.current && !deleteButton.current.contains(event.target)) {
         setDisplayOption(false)
+      }
     }
-    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener('mousedown', handleClickOutside)
     return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener('mousedown', handleClickOutside)
     };
-  }, [deleteButton]);
+  }, [deleteButton])
                   className="option-btn"
                   onClick={handleShowConfirmModal}
                   ref={deleteButton}
+                >
                   <i className="fa fa-trash-o mr-1" />
-                  Borrar
+                  {LABELS.}
                 </button>
               </li>
             </ul>
           </div>
           <ConfirmModal
             show={showConfirmModal}
             onClose={() => handleShowConfirmModal(false)}
             onAccept={deleteFeedHandler}
-            acceptLabel="Aceptar"
+            acceptLabel={LABELS.ACCEPT}
           />
         </div>}
     </div>
+  )
+}
 Feed.Content = Content
 Feed.Header = Header
 const mapDispatchToProps = {
   addNotification: (notification) => addNotification(notification),
-  openShareModal: (postUrl, modalType, feedType) => openShareModal(postUrl, modalType, feedType),
+  openShareModal: (postUrl, modalType, feedType) => openShareModal(postUrl, modalType, feedType)
-};
+}

Proyectos de Subversion LeadersLinked - Antes de SPA

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