Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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