Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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>
    )
}