Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { IconButton } from '@mui/material';
import { AttachFile, SendRounded } from '@mui/icons-material';

import { Form, FormHiddenInput, FormInput } from '@shared/components';

export const ChatForm = ({ onSubmit }) => {
  const handleSubmit = (data) => {
    if (!data.message && !data.file) return;
    const message = {
      message: data.message,
      file: data.file ? data.file[0] : null
    };
    onSubmit(message);
  };

  return (
    <Form
      defaultValues={{ message: '', file: null }}
      reset
      onSubmit={handleSubmit}
      style={{ display: 'flex', alignItems: 'center', gap: 1, width: '100%' }}
    >
      <IconButton component='label' role={undefined} variant='contained' tabIndex={-1}>
        <AttachFile />
        <FormHiddenInput name='file' type='file' />
      </IconButton>
      <FormInput
        name='message'
        placeholder='Escribe un mensaje'
        autoComplete='off'
        endAdornment={
          <IconButton type='submit' sx={{ padding: 0.4 }}>
            <SendRounded />
          </IconButton>
        }
      />
    </Form>
  );
};