Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
12149 stevensc 1 
import React from 'react'
2 
import { useDispatch } from 'react-redux'
3 
import { openShareModal } from '../../redux/share-modal/shareModal.actions'
4 
import { shareModalTypes } from '../../redux/share-modal/shareModal.types'
7154 stevensc 5 
 
7386 stevensc 6 
const FeedShare = ({ post_url }) => {
7154 stevensc 7 
 
12149 stevensc 8 
	const dispatch = useDispatch()
7386 stevensc 9 
 
12149 stevensc 10 
	const onClickHandler = (postUrl, modalType) => {
11 
		dispatch(openShareModal(postUrl, modalType))
12 
	}
7154 stevensc 13 
 
12149 stevensc 14 
	return (
15 
		<div className="card card-body">
16 
			<div className="d-flex mb-3">
17 
				<form className="w-100">
18 
					<textarea
19 
						className="form-control pe-4 border-0"
20 
						rows="2"
21 
						data-autoresize=""
22 
						placeholder="¿Qué tienes en mente?"
23 
						onClick={() => onClickHandler(post_url, shareModalTypes.POST)}
24 
						onFocus={(e) => {
25 
							e.preventDefault()
26 
							onClickHandler(post_url, shareModalTypes.POST)
27 
						}}
28 
					/>
29 
				</form>
30 
			</div>
31 
			<div className="d-flex justify-content-between">
32 
				<ul className="nav nav-pills nav-stack small fw-normal">
33 
					<li className="nav-item mr-2">
34 
						<button
35 
							className="btn nav-link bg-light py-1 px-2 mb-0"
36 
							style={{ fontSize: '.9rem' }}
37 
							onClick={() => onClickHandler(post_url, shareModalTypes.IMAGE)}
38 
						>
39 
							<i className="fa fa-image mr-2" />
7166 stevensc 40 
                            Photo
12149 stevensc 41 
						</button>
42 
					</li>
43 
					<li className="nav-item mr-2">
44 
						<button
45 
							className="btn nav-link bg-light py-1 px-2 mb-0"
46 
							style={{ fontSize: '.9rem' }}
47 
							onClick={() => onClickHandler(post_url, shareModalTypes.VIDEO)}
48 
						>
49 
							<i className="fa fa-video-camera mr-2" />
7166 stevensc 50 
                            Video
12149 stevensc 51 
						</button>
52 
					</li>
53 
					<li className="nav-item mr-2">
54 
						<button
55 
							className="btn nav-link bg-light py-1 px-2 mb-0"
56 
							style={{ fontSize: '.9rem' }}
57 
							onClick={() => onClickHandler(post_url, shareModalTypes.FILE)}
58 
						>
59 
							<i className="fa fa-file mr-2" />
7167 stevensc 60 
                            File
12149 stevensc 61 
						</button>
62 
					</li>
63 
				</ul>
64 
				<button
65 
					className="btn btn-sm btn-primary"
66 
					type="button"
67 
					id="btn-description-main"
68 
					onClick={() => onClickHandler(post_url, shareModalTypes.POST)}
69 
				>
70 
					<i className="fa fa-pencil fa-fw" />
7166 stevensc 71 
                    Compartir
12149 stevensc 72 
				</button>
73 
			</div>
74 
		</div >
75 
	)
76 
}
7154 stevensc 77 
 
78 
 
79 
export default FeedShare