Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4037 | Rev 4039 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4037 Rev 4038
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState, useRef } from "react";
 2 
import React, { useEffect, useState, useRef } from "react";
3 
import parse from "html-react-parser"
 3 
import parse from "html-react-parser"
4 
import { useDispatch } from "react-redux";
 4 
import { useDispatch } from "react-redux";
5 
import { axios } from "../../../utils";
 5 
import { axios } from "../../../utils";
6 
 
 - 
 
7 
// Import Icons
 - 
 
8 
import { FaRegHeart, FaHeart } from 'react-icons/fa'
 - 
 
9 
import { RiShareForwardLine } from 'react-icons/ri'
 - 
 
10 
import { BiMessage, BiShareAlt } from "react-icons/bi";
 - 
 
11 
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from "react-share";
 6 
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from "react-share";
Línea 12... Línea 7...
12 
 
 7 
 
13 
// Redux types
 8 
// Redux types
14 
import { shareModalTypes } from "../../../redux/share-modal/shareModal.types";
 9 
import { shareModalTypes } from "../../../redux/share-modal/shareModal.types";
Línea 161... Línea 156...
161 
                id={feedIsLiked ? `btn-unlike-${feed_unique}` : `btn-like-${feed_unique}`}
 156 
                id={feedIsLiked ? `btn-unlike-${feed_unique}` : `btn-like-${feed_unique}`}
162 
                data-feed-unique={feed_unique}
 157 
                data-feed-unique={feed_unique}
163 
                className={feedIsLiked ? "btn-unlike" : "btn-like"}
 158 
                className={feedIsLiked ? "btn-unlike" : "btn-like"}
164 
                onClick={() => likeHandler(feedIsLiked ? feed_unlike_url : feed_like_url)}
 159 
                onClick={() => likeHandler(feedIsLiked ? feed_unlike_url : feed_like_url)}
165 
              >
 160 
              >
166 
                {feedIsLiked ? <FaHeart className="mr-1" /> : <FaRegHeart className="mr-1" />}
 161 
                {feedIsLiked ? <img src="/icons/heart.png" className="mr-1 img-icon" /> : <img src="/icons/heart.png" className="mr-1 img-icon" />}
167 
                {likesState}
 162 
                {likesState}
168 
              </button>
 163 
              </button>
169 
            </li>
 164 
            </li>
170 
            <li>
 165 
            <li>
171 
              <button
 166 
              <button
172 
                type="button"
 167 
                type="button"
173 
                id={`btn-comments-${feed_unique}`}
 168 
                id={`btn-comments-${feed_unique}`}
174 
                className="btn-indicator"
 169 
                className="btn-indicator"
175 
                onClick={displayComments}
 170 
                onClick={displayComments}
176 
              >
 171 
              >
177 
                <BiMessage className="mr-1" />
 172 
                <img src="/icons/message.png" className="mr-1 img-icon" />
178 
                {totalComments}
 173 
                {totalComments}
179 
              </button>
 174 
              </button>
180 
            </li>
 175 
            </li>
181 
            <li>
 176 
            <li>
182 
              <button
 177 
              <button
183 
                type="button"
 178 
                type="button"
184 
                id={`btn-share-${feed_unique}`}
 179 
                id={`btn-share-${feed_unique}`}
185 
                className="btn-indicator"
 180 
                className="btn-indicator"
186 
                onClick={btnShareHandler}
 181 
                onClick={btnShareHandler}
187 
              >
 182 
              >
188 
                <RiShareForwardLine className="mr-1" />
 183 
                <img src="/icons/share.png" className="mr-1 img-icon" />
189 
                {sharedState}
 184 
                {sharedState}
190 
              </button>
 185 
              </button>
191 
            </li>
 186 
            </li>
192 
            <li className="position-relative">
 187 
            <li className="position-relative">
193 
              <button
 188 
              <button
194 
                type="button"
 189 
                type="button"
195 
                className="btn-indicator"
 190 
                className="btn-indicator"
196 
                onClick={() => setShareOptions(!shareOptions)}
 191 
                onClick={() => setShareOptions(!shareOptions)}
197 
              >
 192 
              >
198 
                <BiShareAlt />
 193 
                <img src="/icons/share.png" className="mr-1 img-icon" />
199 
              </button>
 194 
              </button>
200 
              {shareOptions &&
 195 
              {shareOptions &&
201 
                <div className="ext_share" ref={shareContainer}>
 196 
                <div className="ext_share" ref={shareContainer}>
202 
                  <FacebookShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
 197 
                  <FacebookShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
203 
                    <FacebookIcon size={32} round />
 198 
                    <FacebookIcon size={32} round />