Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5420 | Rev 5422 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5416 stevensc 1 
/* eslint-disable react/prop-types */
5418 stevensc 2 
import React, { useEffect, useState } from 'react'
5416 stevensc 3 
import FacebookIcon from '@mui/icons-material/Facebook'
4 
import TwitterIcon from '@mui/icons-material/Twitter'
5 
import InstagramIcon from '@mui/icons-material/Instagram'
6 
import { axios } from '../../../utils'
7 
import { addNotification } from '../../../redux/notification/notification.actions'
8 
 
9 
const CompanyInfo = ({
10 
  companyId,
11 
  image,
12 
  companyName,
13 
  facebook,
14 
  twitter,
15 
  instagram,
16 
  totalFollowers,
17 
  markFollower
18 
}) => {
5417 stevensc 19 
  const [authLinks, setAuthLinks] = useState({})
5416 stevensc 20 
  const [followers, setFollowers] = useState(totalFollowers)
21 
 
22 
  const authClasses = {
23 
    link_unfollow: 'secondary',
24 
    link_follow: 'secondary',
25 
    link_request: 'tertiary',
26 
    link_accept: 'tertiary',
27 
    link_cancel: 'tertiary',
28 
    link_reject: 'tertiary',
29 
    link_leave: 'tertiary',
30 
    link_contact: 'primary'
31 
  }
32 
  const authLabels = {
33 
    link_unfollow: 'Dejar de seguir',
34 
    link_follow: 'Seguir',
35 
    link_request: '¿Trabaja en esta empresa?',
36 
    link_accept: 'Aceptar',
37 
    link_cancel: 'Cancelar',
38 
    link_reject: 'Rechazar',
39 
    link_leave: 'Abandonar esta empresa',
40 
    link_contact: 'Mensaje'
41 
  }
42 
 
43 
  const fetchAuthLinks = async () => {
44 
    const response = await axios.get(`/company/view/${companyId}`)
45 
    const { success, data } = response.data
5417 stevensc 46 
 
5416 stevensc 47 
    if (success) {
48 
      setAuthLinks(data)
49 
      setFollowers(data.total_followers)
5417 stevensc 50 
 
5416 stevensc 51 
      if (data.link_unfollow) {
52 
        markFollower(true)
53 
      } else {
54 
        markFollower(false)
55 
      }
56 
    }
57 
  }
58 
 
59 
  const handleButtonAction = async (link) => {
60 
    const response = await axios.post(link)
61 
    const { success, data } = response.data
5417 stevensc 62 
 
5416 stevensc 63 
    if (success) {
64 
      addNotification({ style: 'success', msg: data })
65 
      fetchAuthLinks()
66 
    } else {
67 
      addNotification({ style: 'danger', msg: 'ha ocurrido un error' })
68 
    }
69 
  }
70 
 
71 
  const openRrss = (rrss) => {
72 
    window.open(rrss, '_blank')
73 
  }
74 
 
5418 stevensc 75 
  useEffect(() => fetchAuthLinks(), [])
76 
 
5416 stevensc 77 
  return (
78 
        <div className="user_profile">
79 
            <div className="user-pro-img">
80 
                <img
81 
                    src={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ''}`}
82 
                    alt="profile-image"
83 
                />
84 
            </div>
85 
            <div className="user_pro_status horizontal-list">
86 
                <h1>{companyName}</h1>
87 
                <div className="row px-5" style={{ marginTop: '10px' }}>
88 
                    {facebook && <FacebookIcon onClick={() => openRrss(facebook)} className="cursor-pointer" />}
89 
                    {twitter && <TwitterIcon onClick={() => openRrss(twitter)} className="cursor-pointer" />}
90 
                    {instagram && <InstagramIcon onClick={() => openRrss(instagram)} className="cursor-pointer" />}
91 
                </div>
92 
                <div className="container horizontal-list">
93 
                    <div className="row ">
94 
                        <div className="members_count">
95 
                            <b style={{ fontSize: '1rem' }} id="total-followers">{followers}</b>
96 
                            <p style={{ fontSize: '1rem' }} className="ellipsis">Seguidores</p>
97 
                        </div>
5419 stevensc 98 
                        {Object.entries(authLinks).map(([key, value]) => {
5421 stevensc 99 
                          console.log(value)
5420 stevensc 100 
                          if (!value) {
101 
                            return null
102 
                          }
5419 stevensc 103 
 
104 
                          return (
105 
                                <button
106 
                                    key={key}
107 
                                    className={`btn btn-${authClasses[key]}`}
108 
                                    onClick={() => handleButtonAction(value)}
109 
                                >
110 
                                    {authLabels[key]}
111 
                                </button>
112 
                          )
113 
                        })}
5416 stevensc 114 
                    </div>
115 
                </div>
116 
            </div>
117 
        </div>
118 
  )
119 
}
120 
 
121 
export default CompanyInfo