Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import { Avatar } from '@mui/material'
import { Link } from 'react-router-dom'
import parse from 'html-react-parser'
import { useSelector } from 'react-redux'
import EditIcon from '@mui/icons-material/Edit'
import DeleteIcon from '@mui/icons-material/Delete'

import {
  QuestionActions,
  QuestionDetails,
  QuestionStats,
  QuestionUserInfo,
  StyledQuestionCard,
} from './QuestionCard'
import CommentSection from '../feed/CommentSection'

const AnswerCard = ({
  unique = '',
  uuid = '',
  question_uuid = '',
  user_image = '',
  user_url = '',
  user_name = '',
  time_elapsed = '',
  text = '',
  reaction = '',
  total_comments = 0,
  total_reactions = 0,
  comments = [
    {
      unique: '64de4a4714a45',
      answer_uuid: '0370dcb5-453c-4e6e-8fbf-c40b0488ca83',
      user_image:
        '/storage/type/user/code/e85129fa-18eb-4149-8640-fea9ae916cdc/filename/user-profile-64d514603a742.png/',
      user_url: '/profile/view/e85129fa-18eb-4149-8640-fea9ae916cdc',
      user_name: 'Santiago Olivera',
      time_elapsed: '2 meses',
      comment: 'weerwerwe',
      link_delete:
        '/my-coach/questions/comments/0370dcb5-453c-4e6e-8fbf-c40b0488ca83/delete/d2eda6ff-ca35-425c-b791-fe0e97aafc28',
    },
  ],
  link_edit = '',
  link_delete = '',
  link_reaction_delete = '',
  link_save_reaction = '',
  link_add_comment = '',
}) => {
  const labels = useSelector(({ intl }) => intl.labels)

  const onEdit = () => {}

  const onDelete = () => {}

  return (
    <>
      <StyledQuestionCard>
        <QuestionDetails>
          <QuestionUserInfo>
            <Link to={user_url}>
              <Avatar
                src={user_image}
                alt={`${user_name} profile image`}
                sx={{ width: '50px', height: '50px' }}
              />
            </Link>
            <p>{user_name}</p>
          </QuestionUserInfo>

          <QuestionStats className="mb-2">
            <span>{`${comments} ${labels.comments}`}</span>
          </QuestionStats>
        </QuestionDetails>
        {text && parse(text)}

        <QuestionActions>
          {link_edit && (
            <button
              className="btn feed__share-option"
              onClick={() => onEdit(link_edit)}
            >
              <EditIcon />
              {labels.edit}
            </button>
          )}
          {link_delete && (
            <button
              className="btn feed__share-option"
              onClick={() => onDelete(link_delete)}
            >
              <DeleteIcon />
              {labels.delete}
            </button>
          )}
        </QuestionActions>
        <CommentSection
          addUrl={link_add_comment}
          currentComments={comments}
          isShow
        />
      </StyledQuestionCard>
    </>
  )
}

export default AnswerCard