Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3415 Rev 3434
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react';
2 
import { useDispatch } from 'react-redux'
 2 
import { useDispatch } 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 '@components/UI/modal/Modal'
 8 
import Modal from '@components/UI/modal/Modal';
9 
import DropzoneComponent from '@components/dropzone/DropzoneComponent'
 9 
import DropzoneComponent from '@components/dropzone/DropzoneComponent';
10 
import FormErrorFeedback from '@components/UI/form/FormErrorFeedback'
 10 
import FormErrorFeedback from '@components/UI/form/FormErrorFeedback';
Línea 11... Línea 11...
11 
 
 11 
 
12 
const ImageModal = ({
 12 
const ImageModal = ({
13 
  show = false,
 13 
  show = false,
14 
  url = '',
 14 
  url = '',
15 
  message = 'Imágenes recomendadas de 250x250',
 15 
  message = 'Imágenes recomendadas de 250x250',
16 
  onComplete = (newImage) => {},
 16 
  onComplete = () => {},
17 
  onClose = () => {}
 17 
  onClose = () => {}
18 
}) => {
 18 
}) => {
Línea 19... Línea 19...
19 
  const dispatch = useDispatch()
 19 
  const dispatch = useDispatch();
20 
 
 20 
 
21 
  const {
 21 
  const {
22 
    control,
 22 
    control,
23 
    formState: { isSubmitting },
 23 
    formState: { isSubmitting },
24 
    handleSubmit,
 24 
    handleSubmit,
25 
    reset
 25 
    reset
26 
  } = useForm({
 26 
  } = useForm({
Línea 27... Línea 27...
27 
    defaultValues: { image: '' }
 27 
    defaultValues: { image: '' }
28 
  })
 28 
  });
29 
 
 29 
 
30 
  const onSubmit = handleSubmit(async (image) => {
 30 
  const onSubmit = handleSubmit(async (image) => {
31 
    try {
 31 
    try {
32 
      const response = await axios.post(url, image)
 32 
      const response = await axios.post(url, image);
33 
      const { data, success } = response.data
 33 
      const { data, success } = response.data;
34 
      if (!success) throw new Error('Error al actualizar la imagen')
 34 
      if (!success) throw new Error('Error al actualizar la imagen');
35 
 
 35 
 
36 
      const newImage = data.profile ?? data
 36 
      const newImage = data.profile ?? data;
37 
 
 37 
 
38 
      if (data.update_navbar) sessionStorage.setItem('user_session_image', data.user)
 38 
      if (data.update_navbar) sessionStorage.setItem('user_session_image', data.user);
39 
 
 39 
 
40 
      dispatch(addNotification({ style: 'success', msg: 'Imagen actualizada' }))
 40 
      dispatch(addNotification({ style: 'success', msg: 'Imagen actualizada' }));
41 
      onComplete(newImage)
 41 
      onComplete(newImage);
42 
      reset()
 42 
      reset();
43 
      onClose()
 43 
      onClose();
44 
    } catch (error) {
 44 
    } catch (error) {
Línea 45... Línea 45...
45 
      dispatch(addNotification({ style: 'danger', msg: error.message }))
 45 
      dispatch(addNotification({ style: 'danger', msg: error.message }));
46 
    }
 46 
    }
47 
  })
 47 
  });
48 
 
 48 
 
Línea 70... Línea 70...
70 
            {error && <FormErrorFeedback>{error.message}</FormErrorFeedback>}
 70 
            {error && <FormErrorFeedback>{error.message}</FormErrorFeedback>}
71 
          </>
 71 
          </>
72 
        )}
 72 
        )}
73 
      />
 73 
      />
74 
    </Modal>
 74 
    </Modal>
75 
  )
 75 
  );
76 
}
 76 
};
Línea 77... Línea 77...
77 
 
 77