Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import { useState } from 'react'
import { useForm } from 'react-hook-form'
import { axios } from '../../../../../utils'
import Spinner from '../../../../loading-spinner/Spinner'
import { profileTypes } from '../../../Profile.types'
import { Button, Modal } from 'react-bootstrap'
import styled from 'styled-components'
import { addNotification } from '../../../../../redux/notification/notification.actions'

const StyledSpinnerContainer = styled.div`
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 300;
`

const SocialNetworks = ({
  facebook = '',
  twitter = '',
  instagram = '',
  profileId = '',
  profileType = '',
}) => {
  const [isModalOpen, setIsModalOpen] = useState(false)
  const [settedFacebook, setSettedtedFacebook] = useState(facebook)
  const [settedTwitter, setSettedTwitter] = useState(twitter)
  const [settedInstagram, setSettedInstagram] = useState(instagram)

  const toggleModal = () => {
    setIsModalOpen(!isModalOpen)
  }

  const handleEdit = (rrss) => {
    setSettedtedFacebook(rrss.facebook)
    setSettedTwitter(rrss.twitter)
    setSettedInstagram(rrss.instagram)
  }

  return (
    <>
      <div className="user-social-network-ov">
        <h3>
          Redes Sociales
          <a
            href="#"
            title=""
            className="btn-social-network-edit"
            onClick={toggleModal}
          >
            <i className="fa fa-pencil"></i>
          </a>
        </h3>
      </div>

      <ul id="social-networks" className="social_links">
        {settedFacebook && (
          <li>
            <a href={settedFacebook} target="_blank" title="" rel="noreferrer">
              <i className="fa fa-facebook-square"></i>
              {settedFacebook.length > 32
                ? `${settedFacebook.substr(0, 32)}...`
                : settedFacebook}
            </a>
          </li>
        )}
        {settedTwitter && (
          <li>
            <a href={settedTwitter} title="" target="_blank" rel="noreferrer">
              <i className="fa fa-twitter"></i>
              {settedTwitter.length > 32
                ? `${settedTwitter.substr(0, 32)}...`
                : settedTwitter}
            </a>
          </li>
        )}
        {settedInstagram && (
          <li>
            <a href={settedInstagram} target="_blank" title="" rel="noreferrer">
              <i className="fa fa-instagram"></i>
              {settedInstagram.length > 32
                ? `${settedInstagram.substr(0, 32)}...`
                : settedInstagram}
            </a>
          </li>
        )}
      </ul>

      {/* modal */}
    </>
  )
}

export default SocialNetworks