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 id="publica-feed" className={styles.shareFeed}>
      <form id="form-main" name="form-main" className="w-100">
        <div className="share_feed_post_topbar">
          <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 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)}
              >
                <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-trans p-0"
                onClick={(e) => onClickHandler(e, shareModalTypes.POST)}
              >
                <BsFillFileEarmarkTextFill className={styles.shareIcon} />
              </button>
            </div>
          </div>
        </div>
      </form>
    </div >
  );
};

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

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

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