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 = (postType) => {
    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={() => onClickHandler(shareModalTypes.POST)}
                    style={{
                      resize: "none",
                    }}
                  />
                </div>
              </div>

              <div className="clearfix">
                <div className="row">
                  <div className="col-md-8 col-sm-8">
                    <div className="row">
                      <div
                        className="col-3 p-1"
                      >
                        <button
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
                          onClick={() => onClickHandler(shareModalTypes.VIDEO)}
                        >
                          <img src="/images/video-icon.png" className={styles.shareIcon} />
                        </button>
                      </div>
                      <div className="col-3 p-1">
                        <button
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
                          onClick={() => onClickHandler(shareModalTypes.VIDEO)}
                        >
                          <BsCameraVideoFill className={styles.shareIcon} />
                        </button>
                      </div>
                      <div className="col-3 p-1">
                        <button
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
                          onClick={() => onClickHandler(shareModalTypes.IMAGE)}
                        >
                          <BsCardImage className={styles.shareIcon} />
                        </button>
                      </div>
                      <div
                        className="col-3 p-1"
                      >
                        <button
                          className={"btn btn-trans p-0 btn-icon add-tooltip " + styles.shareIconContainer}
                          onClick={() => onClickHandler(shareModalTypes.FILE)}
                        >
                          <BsFillFileEarmarkTextFill className={styles.shareIcon} />
                        </button>
                      </div>
                    </div>
                  </div>
                  <div className="col-md-4 col-sm-4  text-center">
                    <button
                      className="btn btn-sm btn-primary"
                      type="button"
                      id="btn-description-main"
                      onClick={() => onClickHandler(shareModalTypes.POST)}
                    >
                      Compartir
                    </button>
                  </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);