| 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">
|
|
|
13 |
<img className="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="" />
|
|
|
14 |
</div>
|
|
|
15 |
<form className="w-100">
|
|
|
16 |
<textarea
|
|
|
17 |
className="form-control pe-4 border-0"
|
|
|
18 |
rows="2"
|
|
|
19 |
data-autoresize=""
|
|
|
20 |
placeholder="Share your thoughts..."
|
|
|
21 |
onClick={(e) => onClickHandler()}
|
|
|
22 |
/>
|
|
|
23 |
</form>
|
|
|
24 |
</div>
|
|
|
25 |
<ul className="nav nav-pills nav-stack small fw-normal">
|
|
|
26 |
<li className="nav-item">
|
|
|
27 |
<button className="btn nav-link bg-light py-1 px-2 mb-0" >
|
|
|
28 |
<i className="bi bi-image-fill text-success pe-2" />
|
|
|
29 |
Photo
|
|
|
30 |
</button>
|
|
|
31 |
</li>
|
|
|
32 |
<li className="nav-item">
|
|
|
33 |
<a className="nav-link bg-light py-1 px-2 mb-0" href="#!" data-bs-toggle="modal" data-bs-target="#feedActionVideo">
|
|
|
34 |
<i className="bi bi-camera-reels-fill text-info pe-2" />
|
|
|
35 |
Video
|
|
|
36 |
</a>
|
|
|
37 |
</li>
|
|
|
38 |
<li className="nav-item">
|
|
|
39 |
<a href="#" className="nav-link bg-light py-1 px-2 mb-0" data-bs-toggle="modal" data-bs-target="#modalCreateEvents">
|
|
|
40 |
<i className="bi bi-calendar2-event-fill text-danger pe-2" />
|
|
|
41 |
Event
|
|
|
42 |
</a>
|
|
|
43 |
</li>
|
|
|
44 |
<li className="nav-item">
|
|
|
45 |
<a className="nav-link bg-light py-1 px-2 mb-0" href="#!" data-bs-toggle="modal" data-bs-target="#modalCreateFeed">
|
|
|
46 |
<i className="bi bi-emoji-smile-fill text-warning pe-2" />
|
|
|
47 |
Feeling/Activity
|
|
|
48 |
</a>
|
|
|
49 |
</li>
|
|
|
50 |
<li className="nav-item dropdown ms-lg-auto">
|
|
|
51 |
<button
|
|
|
52 |
className="btn btn-sm btn-primary"
|
|
|
53 |
type="button"
|
|
|
54 |
id="btn-description-main"
|
|
|
55 |
onClick={(e) => onClickHandler()}
|
|
|
56 |
>
|
|
|
57 |
<i className="fa fa-pencil fa-fw" />
|
|
|
58 |
Compartir
|
|
|
59 |
</button>
|
|
|
60 |
</li>
|
|
|
61 |
</ul>
|
|
|
62 |
</div >
|
|
|
63 |
);
|
|
|
64 |
};
|
|
|
65 |
|
|
|
66 |
|
|
|
67 |
export default FeedShare
|