Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
7154 stevensc 1
import React from "react";
2
 
3
const FeedShare = () => {
4
 
5
    const onClickHandler = () => {
6
        console.log("Open modal")
7
    };
8
 
9
    return (
10
        <div className="card card-body">
11
            <div className="d-flex mb-3">
12
                <div className="avatar avatar-xs me-2">
7164 stevensc 13
                    <img className="avatar-img rounded-circle" src="" alt="" />
7154 stevensc 14
                </div>
15
                <form className="w-100">
16
                    <textarea
17
                        className="form-control pe-4 border-0"
18
                        rows="2"
19
                        data-autoresize=""
7167 stevensc 20
                        placeholder="¿Qué tienes en mente?"
7154 stevensc 21
                        onClick={(e) => onClickHandler()}
22
                    />
23
                </form>
24
            </div>
7166 stevensc 25
            <div class="d-flex justify-content-between">
26
                <ul className="nav nav-pills nav-stack small fw-normal">
7175 stevensc 27
                    <li className="nav-item mr-2">
7189 stevensc 28
                        <button
29
                            className="btn nav-link bg-light py-1 px-2 mb-0"
30
                            style={{ fontSize: '.9rem' }}
31
                        >
7175 stevensc 32
                            <i className="fa fa-image mr-2" />
7166 stevensc 33
                            Photo
7187 stevensc 34
                        </button>
7166 stevensc 35
                    </li>
7175 stevensc 36
                    <li className="nav-item mr-2">
7189 stevensc 37
                        <button
38
                            className="btn nav-link bg-light py-1 px-2 mb-0"
39
                            style={{ fontSize: '.9rem' }}
40
                        >
7183 stevensc 41
                            <i className="fa fa-video-camera mr-2" />
7166 stevensc 42
                            Video
7187 stevensc 43
                        </button>
7166 stevensc 44
                    </li>
7175 stevensc 45
                    <li className="nav-item mr-2">
7189 stevensc 46
                        <button
47
                            className="btn nav-link bg-light py-1 px-2 mb-0"
48
                            style={{ fontSize: '.9rem' }}
49
                        >
7175 stevensc 50
                            <i className="fa fa-file mr-2" />
7167 stevensc 51
                            File
7187 stevensc 52
                        </button>
7166 stevensc 53
                    </li>
54
                </ul>
55
                <button
56
                    className="btn btn-sm btn-primary"
57
                    type="button"
58
                    id="btn-description-main"
59
                    onClick={(e) => onClickHandler()}
60
                >
61
                    <i className="fa fa-pencil fa-fw" />
62
                    Compartir
63
                </button>
64
            </div>
7154 stevensc 65
        </div >
66
    );
67
};
68
 
69
 
70
export default FeedShare