Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3361 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
import React from 'react'
2
import parse from "html-react-parser";
3
import moment from 'moment'
4
export default function PostView(props) {
5
    const {post} = props
6
    const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
7
    return (
8
        <div
9
            className='container'
10
        >
11
            <div
12
                className='row p-2 m-2'
13
                style={{
14
                    backgroundColor: 'white'
15
                }}
16
            >
17
                <div
18
                    className='col-md-6 col-sm-12 col-12'
19
                >
20
                    <div className="card">
21
                        <img className="card-img-top" src={baseUrl+post.image} alt={post.title} />
22
                    </div>
23
                </div>
24
                <div
25
                    className='col-md-6 col-sm-12 col-12 d-flex align-items-center'
26
                >
27
                    <div className="card border-0">
28
                        <div className="card-body">
29
                            <h1 className="card-title font-weight-bold border-bottom">{post.title}</h1>
30
                            <p> {moment(post.date).format('DD-MM-YYYY')} </p>
31
                            <p className="card-text">
32
                                {parse(post.description)}
33
                            </p>
34
                            {
35
                                !!post.file && (
36
                                    <a href={baseUrl+post.file} target='_blank' className="btn btn-primary mt-2">
37
                                        <i className="fa fa-file" /> Ver adjunto
38
                                    </a>
39
                                )
40
                            }
41
                        </div>
42
                    </div>
43
                </div>
44
            </div>
45
 
46
        </div>
47
    )
48
}