Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3432 Rev 3434
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from 'react';
2 
import { useDispatch, useSelector } from "react-redux";
 2 
import { useDispatch, useSelector } from 'react-redux';
3 
import { Controller, useForm } from "react-hook-form";
 3 
import { Controller, useForm } from 'react-hook-form';
4 
 
 4 
 
5 
import { axios } from "@utils";
 5 
import { axios } from '@utils';
6 
import { addNotification } from "@store/notification/notification.actions";
 6 
import { addNotification } from '@store/notification/notification.actions';
7 
 
 7 
 
8 
import Modal from "../modal/Modal";
 8 
import Modal from '../modal/Modal';
9 
import FormErrorFeedback from "../form/FormErrorFeedback";
 9 
import FormErrorFeedback from '../form/FormErrorFeedback';
10 
import DropzoneComponent from "@components/dropzone/DropzoneComponent";
 10 
import DropzoneComponent from '@components/dropzone/DropzoneComponent';
Línea 11... Línea 11...
11 
 
 11 
 
12 
const CoverModal = ({
 12 
const CoverModal = ({
13 
  show = false,
 13 
  show = false,
14 
  sizes = "",
 14 
  sizes = '',
15 
  onClose = () => {},
 15 
  onClose = () => {},
16 
  onChange = () => {},
 16 
  onChange = () => {},
17 
  url = "",
 17 
  url = ''
18 
}) => {
 18 
}) => {
19 
  const labels = useSelector(({ intl }) => intl.labels);
 19 
  const labels = useSelector(({ intl }) => intl.labels);
Línea 20... Línea 20...
20 
  const dispatch = useDispatch();
 20 
  const dispatch = useDispatch();
21 
 
 21 
 
22 
  const {
 22 
  const {
23 
    control,
 23 
    control,
24 
    formState: { isSubmitting },
 24 
    formState: { isSubmitting },
Línea 25... Línea 25...
25 
    handleSubmit,
 25 
    handleSubmit
26 
  } = useForm();
 26 
  } = useForm();
27 
 
 27 
 
28 
  const onSubmit = handleSubmit(async ({ cover }) => {
 28 
  const onSubmit = handleSubmit(async ({ cover }) => {
Línea 29... Línea 29...
29 
    try {
 29 
    try {
Línea 30... Línea 30...
30 
      const formData = new FormData();
 30 
      const formData = new FormData();
Línea 31... Línea 31...
31 
      formData.append("cover", cover);
 31 
      formData.append('cover', cover);
Línea 32... Línea 32...
32 
 
 32 
 
33 
      const response = await axios.post(url, formData);
 33 
      const response = await axios.post(url, formData);
34 
 
 34 
 
35 
      const { data, success } = response.data;
 35 
      const { data, success } = response.data;
36 
 
 36 
 
37 
      if (!success) throw new Error("Error al actualizar el portada");
 37 
      if (!success) throw new Error('Error al actualizar el portada');
38 
 
 38 
 
Línea 39... Línea 39...
39 
      onChange(data);
 39 
      onChange(data);
40 
      onClose();
 40 
      onClose();
Línea 51... Línea 51...
51 
      onClose={onClose}
 51 
      onClose={onClose}
52 
      onAccept={onSubmit}
 52 
      onAccept={onSubmit}
53 
      loading={isSubmitting}
 53 
      loading={isSubmitting}
54 
    >
 54 
    >
55 
      <Controller
 55 
      <Controller
56 
        name="cover"
 56 
        name='cover'
57 
        control={control}
 57 
        control={control}
58 
        rules={{ required: "Portada requerida" }}
 58 
        rules={{ required: 'Portada requerida' }}
59 
        render={({ field: { onChange, value }, fieldState: { error } }) => (
 59 
        render={({ field: { onChange, value }, fieldState: { error } }) => (
60 
          <>
 60 
          <>
61 
            <DropzoneComponent
 61 
            <DropzoneComponent
62 
              type="IMAGE"
 62 
              type='IMAGE'
63 
              onUploaded={onChange}
 63 
              onUploaded={onChange}
64 
              settedFile={value}
 64 
              settedFile={value}
65 
              recomendationText={`Imágenes recomendadas de ${sizes}`}
 65 
              recomendationText={`Imágenes recomendadas de ${sizes}`}
66 
            />
 66 
            />
67 
            {error && <FormErrorFeedback>{error.message}</FormErrorFeedback>}
 67 
            {error && <FormErrorFeedback>{error.message}</FormErrorFeedback>}