Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5049 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5049 Rev 5320
Línea 16... Línea 16...
16 
  background: rgba(255, 255, 255, 0.4);
 16 
  background: rgba(255, 255, 255, 0.4);
17 
  display: flex;
 17 
  display: flex;
18 
  justify-content: center;
 18 
  justify-content: center;
19 
  align-items: center;
 19 
  align-items: center;
20 
  z-index: 300;
 20 
  z-index: 300;
21 
`;
 21 
`
Línea 22... Línea 22...
22 
 
 22 
 
23 
const CreateGroupModal = ({ closeModal, show }) => {
 23 
const CreateGroupModal = ({ closeModal, show }) => {
24 
    const [loading, setLoading] = useState(false)
 24 
  const [loading, setLoading] = useState(false)
Línea 25... Línea 25...
25 
    const { register, errors, handleSubmit } = useForm()
 25 
  const { register, errors, handleSubmit } = useForm()
26 
 
 26 
 
27 
    const onSubmitHandler = async (data) => {
 27 
  const onSubmitHandler = async (data) => {
28 
        setLoading(true)
 28 
    setLoading(true)
29 
        const formData = new FormData()
 29 
    const formData = new FormData()
30 
        Object.entries(data).map(([key, value]) => formData.append(key, value))
 30 
    Object.entries(data).map(([key, value]) => formData.append(key, value))
31 
 
 31 
 
32 
        await axios
 32 
    await axios
33 
            .post(`/chat/create-group`, formData)
 33 
      .post('/chat/create-group', formData)
34 
            .then(({ data: response }) => {
 34 
      .then(({ data: response }) => {
Línea 35... Línea 35...
35 
                if (response.success) closeModal()
 35 
        if (response.success) closeModal()
36 
            })
 36 
      })
Línea 37... Línea 37...
37 
 
 37 
 
38 
        setLoading(false)
 38 
    setLoading(false)
39 
    }
 39 
  }
40 
 
 40 
 
41 
    return (
 41 
  return (
42 
        <Modal show={show} onHide={closeModal}>
 42 
        <Modal show={show} onHide={closeModal}>
Línea 49... Línea 49...
49 
                    <input
 49 
                    <input
50 
                        type="text"
 50 
                        type="text"
51 
                        name="name"
 51 
                        name="name"
52 
                        id="name"
 52 
                        id="name"
53 
                        ref={register({
 53 
                        ref={register({
54 
                            required: "Este campo es requerido",
 54 
                          required: 'Este campo es requerido'
55 
                        })}
 55 
                        })}
56 
                    />
 56 
                    />
57 
                    {errors.name && <FormErrorFeedback>{errors.name.message}</FormErrorFeedback>}
 57 
                    {errors.name && <FormErrorFeedback>{errors.name.message}</FormErrorFeedback>}
58 
                    {loading &&
 58 
                    {loading &&
59 
                        <StyledSpinnerContainer>
 59 
                        <StyledSpinnerContainer>
Línea 67... Línea 67...
67 
                        Cancelar
 67 
                        Cancelar
68 
                    </Button>
 68 
                    </Button>
69 
                </Modal.Footer>
 69 
                </Modal.Footer>
70 
            </form>
 70 
            </form>
71 
        </Modal>
 71 
        </Modal>
72 
    )
 72 
  )
73 
}
 73 
}
Línea 74... Línea -...
74 
 
 - 
 
75 
export default CreateGroupModal
 74 
 
- 
 
 75 
export default CreateGroupModal