Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1010 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1010 Rev 3730
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React from "react";
 2 
import React from "react";
2 
import { useState } from "react";
 3 
import { useState } from "react";
3 
import { useForm } from "react-hook-form";
 4 
import { useForm } from "react-hook-form";
4 
import {axios} from "../../../../../utils";
 5 
import { axios } from "../../../../../utils";
5 
import Spinner from "../../../../loading-spinner/Spinner";
 6 
import Spinner from "../../../../loading-spinner/Spinner";
6 
import { profileTypes } from "../../../Profile.types";
 7 
import { profileTypes } from "../../../Profile.types";
7 
import { Button, Modal } from "react-bootstrap";
 8 
import { Button, Modal } from "react-bootstrap";
8 
import styled from "styled-components";
 9 
import styled from "styled-components";
- 
 
 10 
import { addNotification } from "../../../../../redux/notification/notification.actions";
Línea 9... Línea 11...
9 
 
 11 
 
10 
const StyledSpinnerContainer = styled.div`
 12 
const StyledSpinnerContainer = styled.div`
11 
  position: absolute;
 13 
  position: absolute;
12 
  left: 0;
 14 
  left: 0;
Línea 18... Línea 20...
18 
  justify-content: center;
 20 
  justify-content: center;
19 
  align-items: center;
 21 
  align-items: center;
20 
  z-index: 300;
 22 
  z-index: 300;
21 
`;
 23 
`;
Línea 22... Línea 24...
22 
 
 24 
 
23 
const SocialNetworks = (props) => {
 - 
 
24 
  // props destructuring
 - 
 
25 
  const {
 25 
const SocialNetworks = ({
26 
    facebook,
 26 
  facebook = '',
27 
    twitter,
 27 
  twitter = '',
28 
    instagram,
 - 
 
29 
    entityId,
 28 
  instagram = '',
30 
    profileId,
 29 
  profileId = '',
31 
    profileType,
 - 
 
32 
    addNotification,
 30 
  profileType = ''
Línea 33... Línea -...
33 
  } = props;
 - 
 
34 
 
 31 
}) => {
35 
  // react hook form
 - 
 
36 
  const { register, handleSubmit, setValue, getValues, setError } = useForm();
 - 
 
37 
 
 32 
 
38 
  // states
 33 
  const { register, handleSubmit, setValue, getValues, setError } = useForm();
39 
  const [isModalOpen, setIsModalOpen] = useState(false);
 34 
  const [isModalOpen, setIsModalOpen] = useState(false);
40 
  const [modalLoading, setModalLoading] = useState(false);
 35 
  const [modalLoading, setModalLoading] = useState(false);
41 
  const [settedFacebook, setSettedtedFacebook] = useState(facebook);
 36 
  const [settedFacebook, setSettedtedFacebook] = useState(facebook);
Línea 72... Línea 67...
72 
    Object.entries(data).map(([key, value]) => {
 67 
    Object.entries(data).map(([key, value]) => {
73 
      formData.append(key, value);
 68 
      formData.append(key, value);
74 
    });
 69 
    });
75 
    await axios.post(postPath, formData).then((response) => {
 70 
    await axios.post(postPath, formData).then((response) => {
76 
      const resData = response.data;
 71 
      const resData = response.data;
77 
       (resData);
 72 
      (resData);
78 
      if (resData.success) {
 73 
      if (resData.success) {
79 
        setSettedtedFacebook(resData.data.facebook);
 74 
        setSettedtedFacebook(resData.data.facebook);
80 
        setSettedTwitter(resData.data.twitter);
 75 
        setSettedTwitter(resData.data.twitter);
81 
        setSettedInstagram(resData.data.instagram);
 76 
        setSettedInstagram(resData.data.instagram);
82 
        setIsModalOpen();
 77 
        setIsModalOpen();
Línea 119... Línea 114...
119 
      </div>
 114 
      </div>
Línea 120... Línea 115...
120 
 
 115 
 
121 
      <ul id="social-networks" className="social_links">
 116 
      <ul id="social-networks" className="social_links">
122 
        {settedFacebook && (
 117 
        {settedFacebook && (
123 
          <li>
 118 
          <li>
124 
            <a href={settedFacebook} target="_blank" title="">
 119 
            <a href={settedFacebook} target="_blank" title="" rel="noreferrer">
125 
              <i className="fa fa-facebook-square"></i>{" "}
 120 
              <i className="fa fa-facebook-square"></i>{" "}
126 
              {settedFacebook.length > 32
 121 
              {settedFacebook.length > 32
127 
                ? `${settedFacebook.substr(0, 32)}...`
 122 
                ? `${settedFacebook.substr(0, 32)}...`
128 
                : settedFacebook}
 123 
                : settedFacebook}
129 
            </a>
 124 
            </a>
130 
          </li>
 125 
          </li>
131 
        )}
 126 
        )}
132 
        {settedTwitter && (
 127 
        {settedTwitter && (
133 
          <li>
 128 
          <li>
134 
            <a href={settedTwitter} title="" target="_blank">
 129 
            <a href={settedTwitter} title="" target="_blank" rel="noreferrer">
135 
              <i className="fa fa-twitter"></i>
 130 
              <i className="fa fa-twitter"></i>
136 
              {settedTwitter.length > 32
 131 
              {settedTwitter.length > 32
137 
                ? `${settedTwitter.substr(0, 32)}...`
 132 
                ? `${settedTwitter.substr(0, 32)}...`
138 
                : settedTwitter}
 133 
                : settedTwitter}
139 
            </a>
 134 
            </a>
140 
          </li>
 135 
          </li>
141 
        )}
 136 
        )}
142 
        {settedInstagram && (
 137 
        {settedInstagram && (
143 
          <li>
 138 
          <li>
144 
            <a href={settedInstagram} target="_blank" title="">
 139 
            <a href={settedInstagram} target="_blank" title="" rel="noreferrer">
145 
              <i className="fa fa-instagram"></i>{" "}
 140 
              <i className="fa fa-instagram"></i>{" "}
146 
              {settedInstagram.length > 32
 141 
              {settedInstagram.length > 32
147 
                ? `${settedInstagram.substr(0, 32)}...`
 142 
                ? `${settedInstagram.substr(0, 32)}...`
148 
                : settedInstagram}
 143 
                : settedInstagram}