Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
3104 stevensc 1 
import React from 'react'
2 
import { useNavigate } from 'react-router-dom'
3 
import { Avatar, Button, Typography } from '@mui/material'
4 
import { useDispatch } from 'react-redux'
5 
import parse from 'html-react-parser'
6 
 
7 
import { axios } from '@app/utils'
8 
import { addNotification } from '@app/redux/notification/notification.actions'
9 
 
10 
import Widget from '@components/UI/Widget'
11 
 
12 
export default function CompanyWidget({
13 
  company: {
14 
    cover,
15 
    name,
16 
    image,
17 
    overview,
18 
    link_contact,
19 
    link_unfollow,
20 
    link_follow,
21 
    link_request,
22 
    link_accept,
23 
    link_cancel,
24 
    link_reject,
25 
    link_leave
26 
  },
27 
  refetch = () => {}
28 
}) {
29 
  const dispatch = useDispatch()
30 
  const navigate = useNavigate()
31 
 
32 
  const handleButtonAction = async (link) => {
33 
    const { data: response } = await axios.post(link)
34 
    if (response.success) {
35 
      dispatch(addNotification({ style: 'success', msg: response.data }))
36 
      refetch()
37 
    } else {
38 
      dispatch(
39 
        addNotification({ style: 'danger', msg: 'ha ocurrido un error' })
40 
      )
41 
    }
42 
  }
43 
 
44 
  return (
45 
    <Widget>
46 
      <Widget.Media height={150} src={cover} />
47 
 
48 
      <Widget.Body>
49 
        <Avatar
50 
          src={image}
51 
          alt={name}
52 
          sx={{ mt: '-40px', width: '80px', height: '80px' }}
53 
        />
54 
        <Typography variant='h2'>{name}</Typography>
55 
        <Typography variant='body1'>{parse(overview ?? '')}</Typography>
56 
      </Widget.Body>
57 
 
58 
      <Widget.Actions>
59 
        {link_contact && (
3156 stevensc 60 
          <Button color='primary' onClick={() => navigate(link_contact)}>
3104 stevensc 61 
            Mensaje
62 
          </Button>
63 
        )}
64 
        {link_unfollow && (
65 
          <Button
3156 stevensc 66 
            color='secondary'
3104 stevensc 67 
            onClick={() => handleButtonAction(link_unfollow)}
68 
          >
69 
            Dejar de seguir
70 
          </Button>
71 
        )}
72 
        {link_follow && (
73 
          <Button
3156 stevensc 74 
            color='primary'
3104 stevensc 75 
            onClick={() => handleButtonAction(link_follow)}
76 
          >
77 
            Seguir
78 
          </Button>
79 
        )}
80 
        {link_request && link_unfollow && (
81 
          <Button
3156 stevensc 82 
            color='secondary'
3104 stevensc 83 
            onClick={() => handleButtonAction(link_request)}
84 
          >
85 
            ¿Trabaja en esta empresa?
86 
          </Button>
87 
        )}
88 
        {link_accept && (
89 
          <Button
3156 stevensc 90 
            color='primary'
3104 stevensc 91 
            onClick={() => handleButtonAction(link_accept)}
92 
          >
93 
            Aceptar
94 
          </Button>
95 
        )}
96 
        {link_cancel && (
3156 stevensc 97 
          <Button color='info' onClick={() => handleButtonAction(link_cancel)}>
3104 stevensc 98 
            Cancelar
99 
          </Button>
100 
        )}
101 
        {link_reject && (
3156 stevensc 102 
          <Button color='info' onClick={() => handleButtonAction(link_reject)}>
3104 stevensc 103 
            Rechazar
104 
          </Button>
105 
        )}
106 
        {link_leave && (
107 
          <Button
3156 stevensc 108 
            color='secondary'
3104 stevensc 109 
            onClick={() => handleButtonAction(link_leave)}
110 
          >
111 
            Abandonar esta empresa
112 
          </Button>
113 
        )}
114 
      </Widget.Actions>
115 
    </Widget>
116 
  )
117 
}