Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2902 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2902 Rev 3719
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react';
2 
import { useSelector } from 'react-redux'
 2 
import { useSelector } from 'react-redux';
3 
 
 3 
 
4 
import { parse } from '@utils'
 4 
import { parse } from '@utils';
5 
 
 5 
 
6 
import Modal from '@components/UI/modal/Modal'
 6 
import Modal from '@components/UI/modal/Modal';
7 
 
 7 
 
8 
export default function ProfileModal({
 8 
export default function ProfileModal({
9 
  show,
 9 
  show,
10 
  closeModal,
 10 
  closeModal,
11 
  facebook,
 11 
  facebook,
12 
  following,
 12 
  following,
13 
  formatted_address,
 13 
  formatted_address,
14 
  fullName,
 14 
  fullName,
15 
  instagram,
 15 
  instagram,
16 
  overview,
 16 
  overview,
17 
  total_connections,
 17 
  total_connections,
18 
  twitter,
 18 
  twitter,
19 
  follower
 19 
  follower
20 
}) {
 20 
}) {
21 
  const labels = useSelector(({ intl }) => intl.labels)
 21 
  const labels = useSelector(({ intl }) => intl.labels);
22 
 
 22 
 
23 
  return (
 23 
  return (
24 
    <Modal title={labels.personal_info} show={show} onClose={closeModal}>
 24 
    <Modal title={labels.personal_info} show={show} onClose={closeModal}>
25 
      <div className='description__label'>
 25 
      <div className='description__label'>
26 
        <label htmlFor='name'>{labels.first_name}</label>
 26 
        <label htmlFor='name'>{labels.first_name}</label>
27 
        <p>{fullName}</p>
 27 
        <p>{fullName}</p>
28 
      </div>
 28 
      </div>
29 
      {!!overview && (
 29 
      {!!overview && (
30 
        <div className='description__label'>
 30 
        <div className='description__label'>
31 
          <label htmlFor='name'>{labels.description}</label>
 31 
          <label htmlFor='name'>{labels.description}</label>
32 
          {parse(overview)}
 32 
          {parse(overview)}
33 
        </div>
 33 
        </div>
34 
      )}
 34 
      )}
35 
      {!!formatted_address && (
 35 
      {!!formatted_address && (
36 
        <div className='description__label'>
 36 
        <div className='description__label'>
37 
          <label htmlFor='name'>{labels.location}</label>
 37 
          <label htmlFor='name'>{labels.location}</label>
38 
          <p>{formatted_address}</p>
 38 
          <p>{formatted_address}</p>
39 
        </div>
 39 
        </div>
40 
      )}
 40 
      )}
41 
      {!!total_connections && (
 41 
      {!!total_connections && (
42 
        <div className='description__label'>
 42 
        <div className='description__label'>
43 
          <label htmlFor='name'>{labels.connections}</label>
 43 
          <label htmlFor='name'>{labels.connections}</label>
44 
          <p>{total_connections}</p>
 44 
          <p>{total_connections}</p>
45 
        </div>
 45 
        </div>
46 
      )}
 46 
      )}
47 
      {!!follower && (
 47 
      {!!follower && (
48 
        <div className='description__label'>
 48 
        <div className='description__label'>
49 
          <label htmlFor='name'>{labels.followers}</label>
 49 
          <label htmlFor='name'>{labels.followers}</label>
50 
          <p>{follower}</p>
 50 
          <p>{follower}</p>
51 
        </div>
 51 
        </div>
52 
      )}
 52 
      )}
53 
      {!!following && (
 53 
      {!!following && (
54 
        <div className='description__label'>
 54 
        <div className='description__label'>
55 
          <label htmlFor='name'>{labels.following}</label>
 55 
          <label htmlFor='name'>{labels.following}</label>
56 
          <p>{following}</p>
 56 
          <p>{following}</p>
57 
        </div>
 57 
        </div>
58 
      )}
 58 
      )}
59 
      <div className='description__label'>
 59 
      <div className='description__label'>
60 
        <label htmlFor='name'>{labels.social_networks}</label>
 60 
        <label htmlFor='name'>{labels.social_networks}</label>
61 
        {!!facebook && (
 61 
        {!!facebook && (
62 
          <a href={facebook} target='_blank' rel='noreferrer'>
 62 
          <a href={facebook} target='_blank' rel='noreferrer'>
63 
            <p className='mb-1'>{facebook}</p>
 63 
            <p className='mb-1'>{facebook}</p>
64 
          </a>
 64 
          </a>
65 
        )}
 65 
        )}
66 
        {!!instagram && (
 66 
        {!!instagram && (
67 
          <a href={instagram} target='_blank' rel='noreferrer'>
 67 
          <a href={instagram} target='_blank' rel='noreferrer'>
68 
            <p className='mb-1'>{instagram}</p>
 68 
            <p className='mb-1'>{instagram}</p>
69 
          </a>
 69 
          </a>
70 
        )}
 70 
        )}
71 
        {!!twitter && (
 71 
        {!!twitter && (
72 
          <a href={twitter} target='_blank' rel='noreferrer'>
 72 
          <a href={twitter} target='_blank' rel='noreferrer'>
73 
            <p className='mb-1'>{twitter}</p>
 73 
            <p className='mb-1'>{twitter}</p>
74 
          </a>
 74 
          </a>
75 
        )}
 75 
        )}
76 
      </div>
 76 
      </div>
77 
    </Modal>
 77 
    </Modal>
78 
  )
 78 
  );
79 
}
 79 
}