Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useSelector } from 'react-redux';

import { IconButton } from '@mui/material';

import SendRounded from '@mui/icons-material/SendRounded';

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

import { FormInputRating } from '.';

export function CapsuleCommentForm({ onSubmit = () => {} }) {

  const labels = useSelector(({ intl }) => intl.labels);

  return (

    <Form onSubmit={onSubmit} defaultValues={{ comment: '', rating: 0 }} reset>

      <FormInputRating

        label='Calificación'

        name='rating'

        rules={{

          required: 'Por favor, califique la lección',

          min: { value: 1, message: 'Por favor, califique la lección' }

        }}

        defaultValue={2.5}

        style={{ marginBottom: 0 }}

      />

      <FormInput

        name='comment'

        placeholder={labels.write_a_comment}

        rules={{ required: 'Por favor, escriba un comentario' }}

        autoComplete='off'

        endAdornment={

          <IconButton type='submit' sx={{ padding: 0.4 }}>

            <SendRounded />

          </IconButton>

        }

      />

    </Form>

  );

}