Rev 3361 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react'
import parse from "html-react-parser";
import moment from 'moment'
export default function PostView(props) {
const {post} = props
const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
return (
<div
className='container'
>
<div
className='row p-2 m-2'
style={{
backgroundColor: 'white'
}}
>
<div
className='col-md-6 col-sm-12 col-12'
>
<div className="card">
<img className="card-img-top" src={baseUrl+post.image} alt={post.title} />
</div>
</div>
<div
className='col-md-6 col-sm-12 col-12 d-flex align-items-center'
>
<div className="card border-0">
<div className="card-body">
<h1 className="card-title font-weight-bold border-bottom">{post.title}</h1>
<p> {moment(post.date).format('DD-MM-YYYY')} </p>
<p className="card-text">
{parse(post.description)}
</p>
{
!!post.file && (
<a href={baseUrl+post.file} target='_blank' className="btn btn-primary mt-2">
<i className="fa fa-file" /> Ver adjunto
</a>
)
}
</div>
</div>
</div>
</div>
</div>
)
}