Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 7386 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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