Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2819 | Rev 2828 | 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'
2822 stevensc 6 
import { TbSend } from 'react-icons/tb'
7 
import { CgLoadbarDoc } from 'react-icons/cg'
1 www 8 
 
9 
import styles from "./shareFeed.module.scss";
10 
 
11 
const ShareFeed = (props) => {
12 
  // Reduce destructuring
13 
  const { openShareModal, feedType, postUrl } = props;
14 
 
2371 stevensc 15 
  const onClickHandler = (e, postType) => {
16 
    e.preventDefault()
1 www 17 
    openShareModal(postUrl, postType, feedType);
18 
  };
2196 stevensc 19 
 
1 www 20 
  return (
2813 stevensc 21 
    <div id="publica-feed" className={styles.shareFeed}>
2816 stevensc 22 
      <form id="form-main" name="form-main" className={styles.formContainer}>
2817 stevensc 23 
        <input
2815 stevensc 24 
          name="description-main"
2816 stevensc 25 
          placeholder="Que estas pensando?"
2815 stevensc 26 
          className="form-control"
27 
          readOnly
28 
          onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
29 
        />
30 
        <div className={styles.shareRowContainer}>
31 
          <div className={styles.shareIconContainer}>
32 
            <button
33 
              className="btn btn-trans p-0"
34 
              onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
35 
            >
36 
              <BsCameraVideoFill className={styles.shareIcon} />
37 
            </button>
2813 stevensc 38 
          </div>
2815 stevensc 39 
          <div className={styles.shareIconContainer}>
40 
            <button
41 
              className="btn btn-trans p-0"
42 
              onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
43 
            >
44 
              <BsCardImage className={styles.shareIcon} />
45 
            </button>
46 
          </div>
47 
          <div className={styles.shareIconContainer}>
48 
            <button
49 
              className="btn btn-trans p-0"
50 
              onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
51 
            >
2822 stevensc 52 
              <CgLoadbarDoc className={styles.shareIcon} />
2815 stevensc 53 
            </button>
54 
          </div>
2819 stevensc 55 
          <div className={`${styles.shareIconContainer} ${styles.iconActive}`}>
2815 stevensc 56 
            <button
57 
              className="btn btn-trans p-0"
58 
              onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
59 
            >
2822 stevensc 60 
              <TbSend className={styles.shareIcon} />
2815 stevensc 61 
            </button>
62 
          </div>
1 www 63 
        </div>
2813 stevensc 64 
      </form>
2812 stevensc 65 
    </div >
1 www 66 
  );
67 
};
68 
 
69 
// const mapStateToProps = (state) => ({});
70 
 
71 
const mapDispatchToProps = {
72 
  openShareModal: (postUrl, modalType, feedType) =>
73 
    openShareModal(postUrl, modalType, feedType),
74 
};
75 
 
76 
export default connect(null, mapDispatchToProps)(ShareFeed);