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