Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3644 Rev 3646
Línea 1... Línea 1...
1 
import React, { useEffect } from 'react';
 1 
import React, { useEffect, useMemo } from 'react';
2 
import { useSelector } from 'react-redux';
 - 
 
3 
import { useForm } from 'react-hook-form';
 2 
import { useForm } from 'react-hook-form';
Línea 4... Línea 3...
4 
 
 3 
 
Línea 5... Línea 4...
5 
import { useFetchHelper } from '@hooks';
 4 
import { useFetchHelper } from '@hooks';
6 
 
 5 
 
Línea 7... Línea 6...
7 
import Modal from '@app/components/UI/modal/Modal';
 6 
import Modal from '@app/components/UI/modal/Modal';
8 
import TagsInput from '@app/components/UI/TagsInput';
 7 
import TagsInput from '@app/components/UI/TagsInput';
9 
 
 - 
 
Línea 10... Línea 8...
10 
const LanguagesModal = ({ show = false, languages: userLanguages = [], onClose, onConfirm }) => {
 8 
 
11 
  const { data: languages = [] } = useFetchHelper('languages');
 - 
 
12 
  const labels = useSelector(({ intl }) => intl.labels);
 - 
 
13 
 
 - 
 
14 
  const { register, watch, handleSubmit, setValue } = useForm({
 - 
 
Línea 15... Línea 9...
15 
    defaultValues: {
 9 
const LanguagesModal = ({ show = false, languages: userLanguages = [], onClose, onConfirm }) => {
- 
 
 10 
  const { data: languages = [] } = useFetchHelper('languages');
- 
 
 11 
 
Línea 16... Línea 12...
16 
      languages: userLanguages?.map(({ value }) => value) || []
 12 
  const { register, handleSubmit, setValue } = useForm();
Línea 17... Línea 13...
17 
    }
 13 
 
18 
  });
 14 
  const currentValues = useMemo(() => {
19 
 
 15 
    return userLanguages?.map(({ value }) => value) || [];
Línea -... Línea 16...
- 
 
 16 
  }, [userLanguages]);
- 
 
 17 
 
- 
 
 18 
  const handleConfirm = handleSubmit((data) => onConfirm?.(data));
- 
 
 19 
 
20 
  const currentValues = watch('languages');
 20 
  useEffect(() => {
21 
 
 - 
 
22 
  const handleConfirm = handleSubmit((data) => onConfirm?.(data));
 - 
 
23 
 
 - 
 
24 
  useEffect(() => {
 - 
 
25 
    register('languages');
 21 
    register('languages');
26 
  }, [register]);
 - 
 
27 
 
 22 
  }, [register]);
28 
  return (
 23 
 
29 
    <Modal
 24 
  useEffect(() => {
30 
      title={labels?.languages || 'Languages'}
 25 
    show ? setValue('languages', currentValues) : setValue('languages', ['']);
31 
      show={show}
 26 
  }, [show, currentValues, setValue]);