Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3962 Rev 3964
Línea 39... Línea 39...
39
    };
39
    };
Línea 40... Línea 40...
40
 
40
 
41
    return (
41
    return (
42
        <div className={`comments-container ${isShow ? 'show' : 'hidden'}`}>
42
        <div className={`comments-container ${isShow ? 'show' : 'hidden'}`}>
43
            <form
43
            <form
44
                className='form-comment-feed'
44
                className='feedCommentContainer'
45
                onSubmit={handleSubmit(submitCommentHandler)}
-
 
46
 
45
                onSubmit={handleSubmit(submitCommentHandler)}
47
            >
-
 
48
                <div className='feedCommentContainer'>
46
            >
49
                    <img src={image} alt="User profile image" />
47
                <img src={image} alt="User profile image" />
50
                    <input
48
                <input
51
                        className='commentInput'
49
                    className='commentInput'
52
                        type="text"
50
                    type="text"
53
                        name="comment"
51
                    name="comment"
54
                        maxLength="256"
52
                    maxLength="256"
55
                        placeholder="Escribe un comentario"
53
                    placeholder="Escribe un comentario"
56
                        ref={register({ required: "El campo es requerido" })}
54
                    ref={register({ required: "El campo es requerido" })}
57
                    />
55
                />
58
                    <button className='shareIconContainer iconActive' >
56
                <button className='shareIconContainer iconActive' >
59
                        <TbSend className='shareIcon' />
57
                    <TbSend className='shareIcon' />
60
                    </button>
-
 
61
                </div>
58
                </button>
62
            </form>
59
            </form>
63
            {errors.comment && <FormErrorFeedback>{errors.comment.message}</FormErrorFeedback>}
60
            {errors.comment && <FormErrorFeedback>{errors.comment.message}</FormErrorFeedback>}
64
            <FeedCommentSection.CommentsList
61
            <FeedCommentSection.CommentsList
65
                comments={commentsState}
62
                comments={commentsState}