Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2234 | Rev 2519 | 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 
 
2371 stevensc 13 
  const onClickHandler = (e, postType) => {
14 
    e.preventDefault()
1 www 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"
2371 stevensc 34 
                    onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
35 
                    style={{ resize: "none" }}
2198 stevensc 36 
                  />
1 www 37 
                </div>
38 
              </div>
39 
 
2200 stevensc 40 
              <div className="clearfix">
2206 stevensc 41 
                <div className="row p-1">
2203 stevensc 42 
                  <div className={styles.shareRowContainer}>
2204 stevensc 43 
                    <div className={styles.shareIconContainer}>
2203 stevensc 44 
                      <button
2234 stevensc 45 
                        className="btn btn-trans p-0 d-flex justify-content-center"
2371 stevensc 46 
                        onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
2203 stevensc 47 
                      >
48 
                        <img src="/images/video-icon.png" className={styles.shareImage} />
49 
                      </button>
1 www 50 
                    </div>
2204 stevensc 51 
                    <div className={styles.shareIconContainer}>
2203 stevensc 52 
                      <button
2234 stevensc 53 
                        className="btn btn-trans p-0"
2371 stevensc 54 
                        onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
2203 stevensc 55 
                      >
56 
                        <BsCameraVideoFill className={styles.shareIcon} />
57 
                      </button>
58 
                    </div>
2204 stevensc 59 
                    <div className={styles.shareIconContainer}>
2203 stevensc 60 
                      <button
2234 stevensc 61 
                        className="btn btn-trans p-0"
2371 stevensc 62 
                        onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
2203 stevensc 63 
                      >
64 
                        <BsCardImage className={styles.shareIcon} />
65 
                      </button>
66 
                    </div>
2204 stevensc 67 
                    <div className={styles.shareIconContainer}>
2203 stevensc 68 
                      <button
2234 stevensc 69 
                        className="btn btn-trans p-0"
2371 stevensc 70 
                        onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
2203 stevensc 71 
                      >
72 
                        <BsFillFileEarmarkTextFill className={styles.shareIcon} />
73 
                      </button>
74 
                    </div>
2204 stevensc 75 
                    <div className={`text-center ${styles.shareIconContainer}`}>
2203 stevensc 76 
                      <button
2204 stevensc 77 
                        className="btn btn-primary"
2203 stevensc 78 
                        type="button"
79 
                        id="btn-description-main"
2371 stevensc 80 
                        onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
2213 stevensc 81 
                        style={{ padding: '2px 10px' }}
2203 stevensc 82 
                      >
83 
                        Compartir
84 
                      </button>
85 
                    </div>
1 www 86 
                  </div>
87 
                </div>
88 
              </div>
89 
            </div>
90 
          </form>
91 
        </div>
92 
      </div>
93 
    </div>
94 
  );
95 
};
96 
 
97 
// const mapStateToProps = (state) => ({});
98 
 
99 
const mapDispatchToProps = {
100 
  openShareModal: (postUrl, modalType, feedType) =>
101 
    openShareModal(postUrl, modalType, feedType),
102 
};
103 
 
104 
export default connect(null, mapDispatchToProps)(ShareFeed);