WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/app/components/linkedin/profile/ProfileCard.jsx

 import React, { useState, useEffect } from 'react'
-import parse from 'html-react-parser'
 import { Modal } from 'react-bootstrap'
 import { axios } from '../../../utils'
 import { useDispatch, useSelector } from 'react-redux'
 import { addNotification } from '../../../redux/notification/notification.actions'
+import parse from 'html-react-parser'
 import EditIcon from '@mui/icons-material/EditOutlined'
 import ImageModal from '../../modals/ImageModal'
 import CoverModal from '../../cover/CoverModal'
   const labels = useSelector(({ intl }) => intl.labels)
   const dispatch = useDispatch()
+  const PATH = window.location.pathname
-  const PATH = window.location.pathname
+  const displayModal = () => {
     setIsModalShow(!isModalShow)
   const displayModal = () => setIsModalShow(!isModalShow)
+  const getProfileData = async () => {
-  const getProfileData = async () => {
+    try {
-    try {
+      const { data: response } = await axios.get(window.location.href)
+      const { link_request, link_cancel } = response
       const { data: response } = await axios.get(window.location.href)
+      if (link_request) {
-      if (response.link_request) {
+        setConnectionUrl(link_request)
-        return setConnectionUrl(response.link_request)
-      }
+        return
-      return setConnectionUrl(response.link_cancel)
     } catch (error) {
       console.log(error)
-      return dispatch(
+      setConnectionUrl(link_cancel)
-        addNotification({ style: 'danger', msg: 'Ha ocurrido un error' })
+    } catch (err) {
       dispatch(addNotification({ style: 'danger', msg: err }))
+    }
-    }
+  }
-  }
-  const connect = async () => {
-    try {
+  const connect = async () => {
-      const { data: response } = await axios.post(connectionUrl)
+    try {
       const { data: response } = await axios.post(connectionUrl)
-      if (!response.success) {
+      const { data, success } = response
         return dispatch(
-          addNotification({ style: 'danger', msg: response.data })
+      if (!success) {
         return dispatch(addNotification({ style: 'danger', msg: data }))
+      }
-      if (response.success && isModalShow) {
+      if (success && isModalShow) {
         displayModal()
       }
+      await getProfileData()
       dispatch(addNotification({ style: 'success', msg: data }))
-      await getProfileData()
+      setIsAdded(!isAdded)
-      dispatch(addNotification({ style: 'success', msg: response.data }))
+    } catch (error) {
-      setIsAdded(!isAdded)
+      dispatch(addNotification({ style: 'danger', msg: `Error: ${error}` }))
                   onClick={(e) => {
                     e.preventDefault()
                     setModalToShow('info')
                   }}
+                >
-                  {labels.PERSONAL_INFO}
+                  {labels.personal_info}
                 </a>
               </div>
               <div
                 className="d-inline-flex align-items-center mt-2"
                 style={{ gap: '1rem' }}
+              >
                 {Boolean(totalConnections) && view_total_connections && (
                   <a href="/connection/my-connections" target="_blank">
-                    {`${totalConnections} ${labels.CONNECTIONS}`}
+                    {`${totalConnections} ${labels.connections}`}
                   </a>
                 )}
                 {Boolean(follower) && view_following && (
                   <a
                     href=""
                     className="cursor-auto"
                     onClick={(e) => e.preventDefault()}
+                  >
-                    {`${follower} ${labels.FOLLOWERS}`}
+                    {`${follower} ${labels.followers}`}
                   </a>
                 )}
                 {Boolean(following) && view_following && (
                   <a href="/company/following-companies" target="_blank">
-                    {`${following} ${labels.FOLLOWING}`}
+                    {`${following} ${labels.following}`}
                   </a>
                 )}
               </div>
               <div className="button-actions mt-2">
                 {connectionUrl && isAdded && (
                   <button
                     className="btn button btn-primary"
                     onClick={() => displayModal()}
+                  >
-                    {labels.CANCEL}
+                    {labels.cancel}
                   </button>
                 )}
                 {connectionUrl && !isAdded && (
                   <button
                     className="btn button btn-primary"
                     onClick={() => connect()}
+                  >
-                    {labels.CONNECT}
+                    {labels.connect}
                   </button>
                 )}
                 {showContact && (
                   <a href={linkInmail} className="btn button btn-secondary">
-                    {labels.MESSAGE}
+                    {labels.message}
                   </a>
                 )}
               </div>
             </div>
             <div className="card-experiences">
   const labels = useSelector(({ intl }) => intl.labels)
   return (
     <Modal show={show} onHide={closeModal}>
       <Modal.Header closeButton>
-        <h2>{labels.ABOUT_GROUP}</h2>
+        <h2>{labels.about_group}</h2>
       </Modal.Header>
       <Modal.Body>
         <div className="description__label">
-          <label htmlFor="name">{labels.FIRST_NAME}</label>
+          <label htmlFor="name">{labels.first_name}</label>
           <p>{fullName}</p>
         </div>
         {overview && (
           <div className="description__label">
-            <label htmlFor="name">{labels.DESCRIPTION}</label>
+            <label htmlFor="name">{labels.description}</label>
             {parse(overview)}
           </div>
         )}
         {formatted_address && (
           <div className="description__label">
-            <label htmlFor="name">{labels.LOCATION}</label>
+            <label htmlFor="name">{labels.location}</label>
             <p>{formatted_address}</p>
           </div>
         )}
         {total_connections && (
           <div className="description__label">
-            <label htmlFor="name">{labels.CONNECTIONS}</label>
+            <label htmlFor="name">{labels.connections}</label>
             <p>{total_connections}</p>
           </div>
         )}
         {follower && (
           <div className="description__label">
-            <label htmlFor="name">{labels.FOLLOWERS}</label>
+            <label htmlFor="name">{labels.followers}</label>
             <p>{follower}</p>
           </div>
         )}
         {following && (
           <div className="description__label">
-            <label htmlFor="name">{labels.FOLLOWING}</label>
+            <label htmlFor="name">{labels.following}</label>
             <p>{following}</p>
           </div>
         )}
         <div className="description__label">
-          <label htmlFor="name">{labels.SOCIAL_NETWORKS}</label>
+          <label htmlFor="name">{labels.social_networks}</label>
           {facebook && (
             <a href={facebook} target="_blank" rel="noreferrer">
               <p className="mb-1">{facebook}</p>
             </a>

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/react-webpack/app/components/linkedin/profile/ProfileCard.jsx – Rev 6801 → 6802