Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3156 | Ir a la última revisión | | 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 && (
60 
          <Button variant='primary' onClick={() => navigate(link_contact)}>
61 
            Mensaje
62 
          </Button>
63 
        )}
64 
        {link_unfollow && (
65 
          <Button
66 
            variant='secondary'
67 
            onClick={() => handleButtonAction(link_unfollow)}
68 
          >
69 
            Dejar de seguir
70 
          </Button>
71 
        )}
72 
        {link_follow && (
73 
          <Button
74 
            variant='primary'
75 
            onClick={() => handleButtonAction(link_follow)}
76 
          >
77 
            Seguir
78 
          </Button>
79 
        )}
80 
        {link_request && link_unfollow && (
81 
          <Button
82 
            variant='secondary'
83 
            onClick={() => handleButtonAction(link_request)}
84 
          >
85 
            ¿Trabaja en esta empresa?
86 
          </Button>
87 
        )}
88 
        {link_accept && (
89 
          <Button
90 
            variant='primary'
91 
            onClick={() => handleButtonAction(link_accept)}
92 
          >
93 
            Aceptar
94 
          </Button>
95 
        )}
96 
        {link_cancel && (
97 
          <Button
98 
            variant='tertiary'
99 
            onClick={() => handleButtonAction(link_cancel)}
100 
          >
101 
            Cancelar
102 
          </Button>
103 
        )}
104 
        {link_reject && (
105 
          <Button
106 
            variant='tertiary'
107 
            onClick={() => handleButtonAction(link_reject)}
108 
          >
109 
            Rechazar
110 
          </Button>
111 
        )}
112 
        {link_leave && (
113 
          <Button
114 
            variant='secondary'
115 
            onClick={() => handleButtonAction(link_leave)}
116 
          >
117 
            Abandonar esta empresa
118 
          </Button>
119 
        )}
120 
      </Widget.Actions>
121 
    </Widget>
122 
  )
123 
}