Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
3391 stevensc 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
3 
import parse from "html-react-parser";
4 
 
5 
const PublicPost = ({ post }) => {
6 
    return (
7 
        <div className='container'>
8 
            <div
9 
                className='row p-2 m-2'
10 
                style={{ backgroundColor: 'white' }}
11 
            >
12 
                <div className='col-md-6 col-sm-12 col-12'>
13 
                    <div className="card">
14 
                        <img className="card-img-top" src={post.image} alt={post.title} />
15 
                    </div>
16 
                </div>
17 
                <div className='col-md-6 col-sm-12 col-12 d-flex align-items-center position-relative'>
18 
                    <div className="card border-0">
19 
                        <div className="card-body">
20 
                            <h1 className="card-title font-weight-bold border-bottom">{post.title}</h1>
21 
                            <p className="card-text">
22 
                                {parse(post.description)}
23 
                            </p>
24 
                            {
25 
                                post.url &&
26 
                                <a href={post.url} target='_blank' className="btn btn-primary mt-2" rel="noreferrer">
27 
                                    <i className="fa fa-file" /> Ir al post
28 
                                </a>
29 
                            }
30 
                        </div>
31 
                    </div>
32 
                </div>
33 
            </div>
34 
        </div >
35 
    )
36 
}
37 
 
38 
export default PublicPost