Línea 1... |
Línea 1... |
1 |
/* eslint-disable react/prop-types */
|
1 |
/* eslint-disable react/prop-types */
|
2 |
import axios from 'axios'
|
2 |
import axios from 'axios'
|
3 |
import React, { useState } from 'react'
|
3 |
import React, { useState } from 'react'
|
4 |
import { useForm } from 'react-hook-form'
|
4 |
import { useForm } from 'react-hook-form'
|
5 |
import { TbSend } from 'react-icons/tb'
|
- |
|
6 |
import { connect } from 'react-redux'
|
5 |
import { connect } from 'react-redux'
|
7 |
import { addNotification } from '../../../../redux/notification/notification.actions'
|
6 |
import { addNotification } from '../../../../redux/notification/notification.actions'
|
8 |
import ConfirmModal from '../../../../shared/confirm-modal/ConfirmModal'
|
7 |
import ConfirmModal from '../../../../shared/confirm-modal/ConfirmModal'
|
9 |
import FormErrorFeedback from '../../../../shared/form-error-feedback/FormErrorFeedback'
|
8 |
import FormErrorFeedback from '../../../../shared/form-error-feedback/FormErrorFeedback'
|
Línea 52... |
Línea 51... |
52 |
maxLength="256"
|
51 |
maxLength="256"
|
53 |
placeholder="Escribe un comentario"
|
52 |
placeholder="Escribe un comentario"
|
54 |
ref={register({ required: "El campo es requerido" })}
|
53 |
ref={register({ required: "El campo es requerido" })}
|
55 |
/>
|
54 |
/>
|
56 |
<button className='shareIconContainer iconActive' >
|
55 |
<button className='shareIconContainer iconActive' >
|
57 |
<TbSend className='shareIcon' />
|
56 |
<i className='fa fa-send shareIcon' />
|
58 |
</button>
|
57 |
</button>
|
59 |
</form>
|
58 |
</form>
|
60 |
{errors.comment && <FormErrorFeedback>{errors.comment.message}</FormErrorFeedback>}
|
59 |
{errors.comment && <FormErrorFeedback>{errors.comment.message}</FormErrorFeedback>}
|
61 |
<FeedCommentSection.CommentsList
|
60 |
<FeedCommentSection.CommentsList
|
62 |
comments={commentsState}
|
61 |
comments={commentsState}
|