Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'
import { axios } from '../../utils'

import styles from './comments.module.scss'

const CommentForm = ({ image, profileUrl, sendUrl, onSubmit }) => {
  const [comment, setComment] = useState('')

  const handleSubmit = (e) => {
    e.preventDefault()

    const formData = new FormData()
    formData.append('comment', comment)

    axios
      .post(sendUrl, formData)
      .then(({ data }) => {
        if (!data.success) {
          return console.log('Error de envio')
        }

        onSubmit(data)
        setComment('')
      })
      .catch((err) => console.log(err))
  }

  const handleInputChange = ({ target }) => {
    setComment(target.value)
  }

  return (
    <form className={styles.comment_form} onSubmit={handleSubmit}>
      <a href={profileUrl}>
        <img src={image} alt="User image" />
      </a>
      <input
        type="text"
        className="form-control"
        placeholder="Escribe un comentario"
        onChange={handleInputChange}
        value={comment}
      />
      <button type="submit" className="btn btn-primary">
        Comentar
      </button>
    </form>
  )
}
export default CommentForm