Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import { connect } from "react-redux";
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
import { shareModalTypes } from "../../../redux/share-modal/shareModal.types";
import { BsCameraVideoFill, BsCardImage, BsFillFileEarmarkTextFill } from 'react-icons/bs'

import styles from "./shareFeed.module.scss";

const ShareFeed = (props) => {
  // Reduce destructuring
  const { openShareModal, feedType, postUrl } = props;

  const onClickHandler = (e, postType) => {
    e.preventDefault()
    openShareModal(postUrl, postType, feedType);
  };

  return (
    <div className={styles.shareFeed}>
      <div id="publica-feed" className="">
        <div className="post-bar">
          <form id="form-main" name="form-main">
            <div className="share_feed_post_topbar">
              <div className="clearfix">
                <div className="form-group"></div>
                <div className="form-group">
                  <textarea
                    id="description-main"
                    name="description-main"
                    placeholder="Publica contenido para intercambiar con tus contactos"
                    className="form-control"
                    readOnly
                    rows="2"
                    onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
                    style={{ resize: "none" }}
                  />
                </div>
              </div>

              <div className="clearfix">
                <div className="row p-1">
                  <div className={styles.shareRowContainer}>
                    <div className={styles.shareIconContainer}>
                      <button
                        className="btn btn-trans p-0 d-flex justify-content-center"
                        onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
                      >
                        <img src="/images/video-icon.png" className={styles.shareImage} />
                      </button>
                    </div>
                    <div className={styles.shareIconContainer}>
                      <button
                        className="btn btn-trans p-0"
                        onClick={(e) => onClickHandler(e, shareModalTypes.VIDEO)}
                      >
                        <BsCameraVideoFill className={styles.shareIcon} />
                      </button>
                    </div>
                    <div className={styles.shareIconContainer}>
                      <button
                        className="btn btn-trans p-0"
                        onClick={(e) => onClickHandler(e, shareModalTypes.IMAGE)}
                      >
                        <BsCardImage className={styles.shareIcon} />
                      </button>
                    </div>
                    <div className={styles.shareIconContainer}>
                      <button
                        className="btn btn-trans p-0"
                        onClick={(e) => onClickHandler(e, shareModalTypes.FILE)}
                      >
                        <BsFillFileEarmarkTextFill className={styles.shareIcon} />
                      </button>
                    </div>
                    <div className={`text-center ${styles.shareIconContainer}`}>
                      <button
                        className="btn btn-primary"
                        type="button"
                        id="btn-description-main"
                        onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
                        style={{ padding: '2px 10px' }}
                      >
                        Compartir
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  );
};

// const mapStateToProps = (state) => ({});

const mapDispatchToProps = {
  openShareModal: (postUrl, modalType, feedType) =>
    openShareModal(postUrl, modalType, feedType),
};

export default connect(null, mapDispatchToProps)(ShareFeed);