Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3432 Rev 3640
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from "react";
 1 
import React, { useEffect, useState } from 'react';
2 
import { useDispatch, useSelector } from "react-redux";
 2 
import { useDispatch, useSelector } from 'react-redux';
3 
import { IconButton } from "@mui/material";
 3 
import { IconButton } from '@mui/material';
4 
import { Edit } from "@mui/icons-material";
 4 
import { Edit } from '@mui/icons-material';
5 
 
 5 
 
6 
import { axios } from "@utils";
 6 
import { axios } from '@utils';
7 
import { addNotification } from "@store/notification/notification.actions";
 7 
import { addNotification } from '@store/notification/notification.actions';
8 
 
 8 
 
9 
import Widget from "@components/UI/Widget";
 9 
import Widget from '@components/UI/Widget';
10 
import TagsList from "@components/UI/TagsList";
 10 
import TagsList from '@components/UI/TagsList';
11 
import LanguagesModal from "./LanguagesModal";
 11 
import LanguagesModal from './LanguagesModal';
12 
 
 12 
 
13 
const LanguagesCard = ({
 - 
 
14 
  languages: defaultLanguages = [],
 13 
const LanguagesCard = ({ languages: defaultLanguages = [], uuid = '', edit = false }) => {
15 
  uuid = "",
 - 
 
16 
  edit = false,
 - 
 
17 
}) => {
 - 
 
18 
  const [languages, setLanguages] = useState([]);
 14 
  const [languages, setLanguages] = useState([]);
19 
  const [showModal, setShowModal] = useState(false);
 15 
  const [showModal, setShowModal] = useState(false);
20 
  const labels = useSelector(({ intl }) => intl.labels);
 16 
  const labels = useSelector(({ intl }) => intl.labels);
21 
  const dispatch = useDispatch();
 17 
  const dispatch = useDispatch();
Línea 22... Línea 18...
22 
 
 18 
 
Línea 23... Línea 19...
23 
  const toggleModal = () => setShowModal(!showModal);
 19 
  const toggleModal = () => setShowModal(!showModal);
24 
 
 20 
 
25 
  const handleEditLanguages = ({ languages }) => {
 21 
  const handleEditLanguages = ({ languages }) => {
Línea 26... Línea 22...
26 
    const formData = new FormData();
 22 
    const formData = new FormData();
27 
    languages.map((language) => formData.append("languages[]", language.value));
 23 
    languages.map((language) => formData.append('languages[]', language.value));
28 
 
 24 
 
29 
    axios
 25 
    axios
Línea 30... Línea 26...
30 
      .post(`/profile/my-profiles/language/${uuid}`, formData)
 26 
      .post(`/profile/my-profiles/language/${uuid}`, formData)
31 
      .then((response) => {
 - 
 
32 
        const { success, data } = response.data;
 27 
      .then((response) => {
33 
 
 28 
        const { success, data } = response.data;
34 
        if (!success) {
 29 
 
Línea 35... Línea 30...
35 
          const errorMessage =
 30 
        if (!success) {
36 
            typeof data === "string" ? data : data.languages[0];
 31 
          const errorMessage = typeof data === 'string' ? data : data.languages[0];
37 
          throw new Error(errorMessage);
 32 
          throw new Error(errorMessage);
38 
        }
 33 
        }
39 
 
 34 
 
40 
        setLanguages(languages);
 35 
        setLanguages(languages);
41 
        toggleModal();
 36 
        toggleModal();
Línea 42... Línea 37...
42 
      })
 37 
      })
43 
      .catch((err) => {
 38 
      .catch((err) => {