Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3401 | Rev 3414 | Ir a la última revisión | | Comparar con el anterior | 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 
 
3413 stevensc 4 
const PublicPost = ({ post }) => {
5 
 
6 
    const { title, url, image, description } = post
7 
 
3391 stevensc 8 
    return (
9 
        <div className='container'>
10 
            <div
11 
                className='row p-2 m-2'
12 
                style={{ backgroundColor: 'white' }}
13 
            >
14 
                <div className='col-md-6 col-sm-12 col-12'>
15 
                    <div className="card">
3400 stevensc 16 
                        <img className="card-img-top" src={image} alt={title} />
3391 stevensc 17 
                    </div>
18 
                </div>
19 
                <div className='col-md-6 col-sm-12 col-12 d-flex align-items-center position-relative'>
20 
                    <div className="card border-0">
21 
                        <div className="card-body">
3400 stevensc 22 
                            <h1 className="card-title font-weight-bold border-bottom">{title}</h1>
3391 stevensc 23 
                            <p className="card-text">
3400 stevensc 24 
                                {description}
3391 stevensc 25 
                            </p>
26 
                            {
3400 stevensc 27 
                                url &&
28 
                                <a href={url} target='_blank' className="btn btn-primary mt-2" rel="noreferrer">
3391 stevensc 29 
                                    <i className="fa fa-file" /> Ir al post
30 
                                </a>
31 
                            }
32 
                        </div>
33 
                    </div>
34 
                </div>
35 
            </div>
36 
        </div >
37 
    )
38 
}
39 
 
40 
export default PublicPost