Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1206 Rev 2612
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 Accessibility = (props) => {
 23 
const Accessibility = (props) => {
24 
  // props destructuring
 24 
  // props destructuring
25 
  const { groupId, accessibility, accessibilities, addNotification } = props;
 25 
  const { groupId, privacy, accessibility, accessibilities, addNotification } = props;
26 
  // react hook form
 26 
  // react hook form
27 
  const {
 27 
  const {
28 
    register,
 28 
    register,
29 
    errors,
 29 
    errors,
Línea 46... Línea 46...
46 
  };
 46 
  };
Línea 47... Línea 47...
47 
 
 47 
 
48 
  useEffect(() => {
 48 
  useEffect(() => {
49 
    axios.get(`/group/my-groups/accessibility/${groupId}`).then((response) => {
 49 
    axios.get(`/group/my-groups/accessibility/${groupId}`).then((response) => {
50 
      const resData = response.data;
 50 
      const resData = response.data;
51 
       (resData);
 51 
      (resData);
52 
      if (resData.success) {
 52 
      if (resData.success) {
53 
        if (resData.data) setSettedAccesibilityKey(resData.data);
 53 
        if (resData.data) setSettedAccesibilityKey(resData.data);
54 
      }
 54 
      }
55 
    });
 55 
    });
Línea 63... Línea 63...
63 
    });
 63 
    });
64 
    await axios
 64 
    await axios
65 
      .post(`/group/my-groups/accessibility/${groupId}`, formData)
 65 
      .post(`/group/my-groups/accessibility/${groupId}`, formData)
66 
      .then((response) => {
 66 
      .then((response) => {
67 
        const resData = response.data;
 67 
        const resData = response.data;
68 
         (resData);
 68 
        (resData);
69 
        if (resData.success) {
 69 
        if (resData.success) {
70 
          setSettedAccesibility(resData.data);
 70 
          setSettedAccesibility(resData.data);
71 
          handleModalOpen();
 71 
          handleModalOpen();
72 
        } else {
 72 
        } else {
73 
          const resError = resData.data;
 73 
          const resError = resData.data;
Línea 127... Línea 127...
127 
              })}
 127 
              })}
128 
            >
 128 
            >
129 
              <option value="" hidden>
 129 
              <option value="" hidden>
130 
                Accesibilidad
 130 
                Accesibilidad
131 
              </option>
 131 
              </option>
132 
              {Object.entries(accessibilities).map(([key, value]) => (
 132 
              {Object.entries(accessibilities).map(([key, value]) => {
- 
 
 133 
                if (privacy === 'Privado' && key === 'aj') {
- 
 
 134 
                  return
- 
 
 135 
                }
- 
 
 136 
 
- 
 
 137 
                return (
133 
                <option value={key} key={key}>
 138 
                  <option value={key} key={key}>
134 
                  {value}
 139 
                    {value}
135 
                </option>
 140 
                  </option>
- 
 
 141 
                )
- 
 
 142 
              }
136 
              ))}
 143 
              )}
137 
            </select>
 144 
            </select>
138 
            {errors.accessibility && (
 145 
            {errors.accessibility && (
139 
              <FormErrorFeedback>
 146 
              <FormErrorFeedback>
140 
                {errors.accessibility.message}
 147 
                {errors.accessibility.message}
141 
              </FormErrorFeedback>
 148 
              </FormErrorFeedback>