Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useSelector } from 'react-redux';

import { parse } from '@utils';

import Modal from '@components/UI/modal/Modal';

export default function ProfileModal({
  show,
  closeModal,
  facebook,
  following,
  formatted_address,
  fullName,
  instagram,
  overview,
  total_connections,
  twitter,
  follower
}) {
  const labels = useSelector(({ intl }) => intl.labels);

  return (
    <Modal title={labels.personal_info} show={show} onClose={closeModal}>
      <div className='description__label'>
        <label htmlFor='name'>{labels.first_name}</label>
        <p>{fullName}</p>
      </div>
      {!!overview && (
        <div className='description__label'>
          <label htmlFor='name'>{labels.description}</label>
          {parse(overview)}
        </div>
      )}
      {!!formatted_address && (
        <div className='description__label'>
          <label htmlFor='name'>{labels.location}</label>
          <p>{formatted_address}</p>
        </div>
      )}
      {!!total_connections && (
        <div className='description__label'>
          <label htmlFor='name'>{labels.connections}</label>
          <p>{total_connections}</p>
        </div>
      )}
      {!!follower && (
        <div className='description__label'>
          <label htmlFor='name'>{labels.followers}</label>
          <p>{follower}</p>
        </div>
      )}
      {!!following && (
        <div className='description__label'>
          <label htmlFor='name'>{labels.following}</label>
          <p>{following}</p>
        </div>
      )}
      <div className='description__label'>
        <label htmlFor='name'>{labels.social_networks}</label>
        {!!facebook && (
          <a href={facebook} target='_blank' rel='noreferrer'>
            <p className='mb-1'>{facebook}</p>
          </a>
        )}
        {!!instagram && (
          <a href={instagram} target='_blank' rel='noreferrer'>
            <p className='mb-1'>{instagram}</p>
          </a>
        )}
        {!!twitter && (
          <a href={twitter} target='_blank' rel='noreferrer'>
            <p className='mb-1'>{twitter}</p>
          </a>
        )}
      </div>
    </Modal>
  );
}