Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2198 | Rev 2200 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
import React from "react";
2 
import { connect } from "react-redux";
3 
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
4 
import { shareModalTypes } from "../../../redux/share-modal/shareModal.types";
2199 stevensc 5 
import { BsCameraVideoFill, BsCardImage, BsFillFileEarmarkTextFill } from 'react-icons/bs'
1 www 6 
 
7 
import styles from "./shareFeed.module.scss";
8 
 
9 
const ShareFeed = (props) => {
10 
  // Reduce destructuring
11 
  const { openShareModal, feedType, postUrl } = props;
12 
 
13 
  const onClickHandler = (event, postType) => {
14 
    event.preventDefault();
15 
    openShareModal(postUrl, postType, feedType);
16 
  };
2196 stevensc 17 
 
1 www 18 
  return (
19 
    <div className={styles.shareFeed}>
20 
      <div id="publica-feed" className="">
21 
        <div className="post-bar">
22 
          <form id="form-main" name="form-main">
23 
            <div className="share_feed_post_topbar">
2193 stevensc 24 
              <div className="clearfix">
1 www 25 
                <div className="form-group"></div>
26 
                <div className="form-group">
27 
                  <textarea
28 
                    id="description-main"
29 
                    name="description-main"
6 steven 30 
                    placeholder="Publica contenido para intercambiar con tus contactos"
1 www 31 
                    className="form-control"
32 
                    readOnly
33 
                    rows="2"
34 
                    onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
35 
                    style={{
36 
                      resize: "none",
37 
                    }}
2198 stevensc 38 
                  />
1 www 39 
                </div>
40 
              </div>
41 
 
42 
              <div className="mar-top clearfix">
2196 stevensc 43 
                <div className="row">
44 
                  <div className="col-md-8 col-sm-8">
45 
                    <div className="row">
1 www 46 
                      <div
2196 stevensc 47 
                        className="col-3 p-1"
1 www 48 
                        style={{
49 
                          overflow: 'hidden',
50 
                          whiteSpace: 'nowrap',
51 
                          textOverflow: 'ellipsis'
52 
                        }}
53 
                      >
54 
                        <a
2126 steven 55 
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
1 www 56 
                          href="#"
57 
                          onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
58 
                        >
2196 stevensc 59 
                          <img src="/images/video-icon.png" className={styles.shareIcon} />
1 www 60 
                        </a>
61 
                      </div>
62 
                      <div
2196 stevensc 63 
                        className="col-3 p-1"
1 www 64 
                        style={{
65 
                          overflow: 'hidden',
66 
                          whiteSpace: 'nowrap',
67 
                          textOverflow: 'ellipsis'
68 
                        }}
69 
                      >
70 
                        <a
2126 steven 71 
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
1 www 72 
                          href="#"
2198 stevensc 73 
                          onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
74 
                        >
75 
                          <BsCameraVideoFill className={styles.shareIcon} />
76 
                        </a>
77 
                      </div>
78 
                      <div
79 
                        className="col-3 p-1"
80 
                        style={{
81 
                          overflow: 'hidden',
82 
                          whiteSpace: 'nowrap',
83 
                          textOverflow: 'ellipsis'
84 
                        }}
85 
                      >
86 
                        <a
87 
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
88 
                          href="#"
1 www 89 
                          onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
90 
                        >
2198 stevensc 91 
                          <BsCardImage className={styles.shareIcon} />
1 www 92 
                        </a>
93 
                      </div>
94 
                      <div
2196 stevensc 95 
                        className="col-3 p-1"
1 www 96 
                        style={{
97 
                          whiteSpace: 'nowrap',
98 
                          textOverflow: 'ellipsis'
99 
                        }}
100 
                      >
101 
                        <a
2126 steven 102 
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
1 www 103 
                          href="#"
104 
                          onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
105 
                        >
2198 stevensc 106 
                          <BsFillFileEarmarkTextFill className={styles.shareIcon} />
1 www 107 
                        </a>
108 
                      </div>
109 
                    </div>
110 
                  </div>
111 
                  <div
2128 steven 112 
                    className="col-md-4 col-sm-4  text-center"
1 www 113 
                  >
114 
                    <button
2196 stevensc 115 
                      className="btn btn-sm btn-primary"
1 www 116 
                      type="button"
117 
                      id="btn-description-main"
118 
                      onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
119 
                    >
2124 steven 120 
                      Compartir
1 www 121 
                    </button>
122 
                  </div>
123 
                </div>
124 
              </div>
125 
            </div>
126 
          </form>
127 
        </div>
128 
      </div>
129 
    </div>
130 
  );
131 
};
132 
 
133 
// const mapStateToProps = (state) => ({});
134 
 
135 
const mapDispatchToProps = {
136 
  openShareModal: (postUrl, modalType, feedType) =>
137 
    openShareModal(postUrl, modalType, feedType),
138 
};
139 
 
140 
export default connect(null, mapDispatchToProps)(ShareFeed);