Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3635 Rev 3638
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { IconButton } from '@mui/material';
 2 
import { IconButton } from '@mui/material';
3 
import { AttachFile, SendRounded } from '@mui/icons-material';
 3 
import { AttachFile, SendRounded } from '@mui/icons-material';
Línea 4... Línea 4...
4 
 
 4 
 
- 
 
 5 
import { FileModal, Form, FormInput } from '@shared/components';
Línea 5... Línea 6...
5 
import { Form, FormHiddenInput, FormInput } from '@shared/components';
 6 
import { useModal } from '@shared/hooks';
6 
 
 7 
 
7 
export const ChatForm = ({ onSubmit }) => {
 - 
 
8 
  const handleSubmit = (data) => {
 - 
 
9 
    console.log(data);
 - 
 
10 
    if (!data.message && !data.file) return;
 - 
 
11 
    const message = {
 - 
 
12 
      message: data.message,
 - 
 
13 
      file: data.file ? data.file[0] : null
 - 
 
14 
    };
 - 
 
Línea -... Línea 8...
- 
 
 8 
export const ChatForm = ({ onSubmit }) => {
- 
 
 9 
  const { showModal, closeModal } = useModal();
- 
 
 10 
 
- 
 
 11 
  const attachFile = () => {
- 
 
 12 
    showModal(
- 
 
 13 
      'Elegir archivo',
- 
 
 14 
      <FileModal
- 
 
 15 
        onSubmit={(data) => {
- 
 
 16 
          onSubmit(data);
- 
 
 17 
          closeModal();
- 
 
 18 
        }}
15 
    onSubmit(message);
 19 
      />
16 
  };
 20 
    );
17 
 
 21 
  };
18 
  return (
 22 
  return (
19 
    <Form
 23 
    <Form
20 
      defaultValues={{ message: '', file: null }}
 24 
      defaultValues={{ message: '' }}
21 
      reset
 25 
      reset
22 
      onSubmit={handleSubmit}
 26 
      onSubmit={onSubmit}
23 
      style={{ display: 'flex', alignItems: 'center', gap: 1, width: '100%' }}
 27 
      style={{ display: 'flex', alignItems: 'center', gap: 1, width: '100%' }}
24 
    >
 - 
 
25 
      <IconButton component='label' role={undefined} variant='contained' tabIndex={-1}>
 28 
    >
26 
        <AttachFile />
 29 
      <IconButton onClick={attachFile}>
27 
        <FormHiddenInput name='file' type='file' />
 30 
        <AttachFile />
28 
      </IconButton>
 31 
      </IconButton>
29 
      <FormInput
 32 
      <FormInput