Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2200 | Rev 2203 | 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 
 
2200 stevensc 13 
  const onClickHandler = (postType) => {
1 www 14 
    openShareModal(postUrl, postType, feedType);
15 
  };
2196 stevensc 16 
 
1 www 17 
  return (
18 
    <div className={styles.shareFeed}>
19 
      <div id="publica-feed" className="">
20 
        <div className="post-bar">
21 
          <form id="form-main" name="form-main">
22 
            <div className="share_feed_post_topbar">
2193 stevensc 23 
              <div className="clearfix">
1 www 24 
                <div className="form-group"></div>
25 
                <div className="form-group">
26 
                  <textarea
27 
                    id="description-main"
28 
                    name="description-main"
6 steven 29 
                    placeholder="Publica contenido para intercambiar con tus contactos"
1 www 30 
                    className="form-control"
31 
                    readOnly
32 
                    rows="2"
2200 stevensc 33 
                    onClick={() => onClickHandler(shareModalTypes.POST)}
1 www 34 
                    style={{
35 
                      resize: "none",
36 
                    }}
2198 stevensc 37 
                  />
1 www 38 
                </div>
39 
              </div>
40 
 
2200 stevensc 41 
              <div className="clearfix">
2196 stevensc 42 
                <div className="row">
43 
                  <div className="col-md-8 col-sm-8">
44 
                    <div className="row">
2201 stevensc 45 
                      <div className="col-3">
2200 stevensc 46 
                        <button
2201 stevensc 47 
                          className={"btn btn-trans p-0 add-tooltip " + styles.shareIconContainer}
2200 stevensc 48 
                          onClick={() => onClickHandler(shareModalTypes.VIDEO)}
1 www 49 
                        >
2201 stevensc 50 
                          <img src="/images/video-icon.png" className={styles.shareImage} />
2200 stevensc 51 
                        </button>
1 www 52 
                      </div>
2201 stevensc 53 
                      <div className="col-3">
2200 stevensc 54 
                        <button
2201 stevensc 55 
                          className={"btn btn-trans p-0 add-tooltip " + styles.shareIconContainer}
2200 stevensc 56 
                          onClick={() => onClickHandler(shareModalTypes.VIDEO)}
2198 stevensc 57 
                        >
58 
                          <BsCameraVideoFill className={styles.shareIcon} />
2200 stevensc 59 
                        </button>
2198 stevensc 60 
                      </div>
2201 stevensc 61 
                      <div className="col-3">
2200 stevensc 62 
                        <button
2201 stevensc 63 
                          className={"btn btn-trans p-0 add-tooltip " + styles.shareIconContainer}
2200 stevensc 64 
                          onClick={() => onClickHandler(shareModalTypes.IMAGE)}
1 www 65 
                        >
2198 stevensc 66 
                          <BsCardImage className={styles.shareIcon} />
2200 stevensc 67 
                        </button>
1 www 68 
                      </div>
2201 stevensc 69 
                      <div className="col-3">
2200 stevensc 70 
                        <button
2201 stevensc 71 
                          className={"btn btn-trans p-0 add-tooltip " + styles.shareIconContainer}
2200 stevensc 72 
                          onClick={() => onClickHandler(shareModalTypes.FILE)}
1 www 73 
                        >
2198 stevensc 74 
                          <BsFillFileEarmarkTextFill className={styles.shareIcon} />
2200 stevensc 75 
                        </button>
1 www 76 
                      </div>
77 
                    </div>
78 
                  </div>
2200 stevensc 79 
                  <div className="col-md-4 col-sm-4  text-center">
1 www 80 
                    <button
2196 stevensc 81 
                      className="btn btn-sm btn-primary"
1 www 82 
                      type="button"
83 
                      id="btn-description-main"
2200 stevensc 84 
                      onClick={() => onClickHandler(shareModalTypes.POST)}
1 www 85 
                    >
2124 steven 86 
                      Compartir
1 www 87 
                    </button>
88 
                  </div>
89 
                </div>
90 
              </div>
91 
            </div>
92 
          </form>
93 
        </div>
94 
      </div>
95 
    </div>
96 
  );
97 
};
98 
 
99 
// const mapStateToProps = (state) => ({});
100 
 
101 
const mapDispatchToProps = {
102 
  openShareModal: (postUrl, modalType, feedType) =>
103 
    openShareModal(postUrl, modalType, feedType),
104 
};
105 
 
106 
export default connect(null, mapDispatchToProps)(ShareFeed);