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="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.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 >

  );

};

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

const mapDispatchToProps = {

  openShareModal: (postUrl, modalType, feedType) =>

    openShareModal(postUrl, modalType, feedType),

};

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