Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1206 Rev 2613
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from "react";
2 
import { useState, useEffect } from "react";
 2 
import { useState, useEffect } from "react";
3 
import { Button, Modal } from "react-bootstrap";
 3 
import { Button, Modal } from "react-bootstrap";
4 
import { useForm } from "react-hook-form";
 4 
import { useForm } from "react-hook-form";
5 
import styled from "styled-components";
 5 
import styled from "styled-components";
6 
import {axios} from "../../../../../utils";
 6 
import { axios } from "../../../../../utils";
7 
import FormErrorFeedback from "../../../../../shared/form-error-feedback/FormErrorFeedback";
 7 
import FormErrorFeedback from "../../../../../shared/form-error-feedback/FormErrorFeedback";
8 
import Spinner from "../../../../../shared/loading-spinner/Spinner";
 8 
import Spinner from "../../../../../shared/loading-spinner/Spinner";
Línea 9... Línea 9...
9 
 
 9 
 
10 
const StyledSpinnerContainer = styled.div`
 10 
const StyledSpinnerContainer = styled.div`
Línea 20... Línea 20...
20 
  z-index: 300;
 20 
  z-index: 300;
21 
`;
 21 
`;
Línea 22... Línea 22...
22 
 
 22 
 
23 
const Privacy = (props) => {
 23 
const Privacy = (props) => {
24 
  // props destructuring
 24 
  // props destructuring
25 
  const { groupId, privacy, addNotification, privacies } = props;
 25 
  const { groupId, addNotification, privacies, settedPrivacy, setSettedPrivacy } = props;
26 
  // react hook form
 26 
  // react hook form
27 
  const {
 27 
  const {
28 
    register,
 28 
    register,
29 
    errors,
 29 
    errors,
Línea 35... Línea 35...
35 
  } = useForm();
 35 
  } = useForm();
Línea 36... Línea 36...
36 
 
 36 
 
37 
  // states
 37 
  // states
38 
  const [isModalOpen, setIsModalOpen] = useState(false);
 38 
  const [isModalOpen, setIsModalOpen] = useState(false);
39 
  const [loading, setLoading] = useState(false);
 - 
 
40 
  const [settedPrivacy, setSettedPrivacy] = useState(privacy);
 39 
  const [loading, setLoading] = useState(false);
Línea 41... Línea 40...
41 
  const [settedPrivacyKey, setSettedPrivacyKey] = useState("");
 40 
  const [settedPrivacyKey, setSettedPrivacyKey] = useState("");
42 
 
 41 
 
43 
  const handleModalOpen = (event) => {
 42 
  const handleModalOpen = (event) => {
44 
    event && event.preventDefault();
 43 
    event && event.preventDefault();
Línea 45... Línea 44...
45 
    setIsModalOpen(!isModalOpen);
 44 
    setIsModalOpen(!isModalOpen);
46 
  };
 45 
  };
47 
 
 46 
 
48 
  useEffect(() => {
 47 
  useEffect(() => {
49 
    axios.get(`/group/my-groups/privacy/${groupId}`).then((response) => {
 48 
    axios.get(`/group/my-groups/privacy/${groupId}`).then((response) => {
50 
      const resData = response.data;
 49 
      const resData = response.data;
51 
       (resData);
 50 
      (resData);
52 
      if (resData.success) {
 51 
      if (resData.success) {
53 
        if (resData.data) setSettedPrivacyKey(resData.data);
 52 
        if (resData.data) setSettedPrivacyKey(resData.data);
Línea 65... Línea 64...
65 
    });
 64 
    });
66 
    await axios
 65 
    await axios
67 
      .post(`/group/my-groups/privacy/${groupId}`, formData)
 66 
      .post(`/group/my-groups/privacy/${groupId}`, formData)
68 
      .then((response) => {
 67 
      .then((response) => {
69 
        const resData = response.data;
 68 
        const resData = response.data;
70 
         (resData);
 69 
        (resData);
71 
        if (resData.success) {
 70 
        if (resData.success) {
72 
          setSettedPrivacy(resData.data);
 71 
          setSettedPrivacy(resData.data);
73 
          handleModalOpen();
 72 
          handleModalOpen();
74 
        } else {
 73 
        } else {
75 
          const resError = resData.data;
 74 
          const resError = resData.data;