Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2839 Rev 2849
Línea 7... Línea 7...
7 
import parse from "html-react-parser";
 7 
import parse from "html-react-parser";
8 
import { axios } from "../../../utils";
 8 
import { axios } from "../../../utils";
9 
import ConfirmModal from "../../../shared/confirm-modal/ConfirmModal";
 9 
import ConfirmModal from "../../../shared/confirm-modal/ConfirmModal";
10 
import { Modal } from "react-bootstrap";
 10 
import { Modal } from "react-bootstrap";
11 
import { feedTypes } from "../../../redux/feed/feed.types";
 11 
import { feedTypes } from "../../../redux/feed/feed.types";
12 
import { BsFillTrashFill, BsHeart, BsHeartFill } from 'react-icons/bs'
 12 
import { BsFillTrashFill, BsHeart, BsHeartFill, BsTrash } from 'react-icons/bs'
13 
import { RiShareForwardLine } from 'react-icons/ri'
 13 
import { RiShareForwardLine } from 'react-icons/ri'
14 
import { TbSend } from "react-icons/tb";
 14 
import { TbSend } from "react-icons/tb";
15 
import { BiMessage } from "react-icons/bi";
 15 
import { BiDotsVerticalRounded, BiMessage } from "react-icons/bi";
16 
import styles from "./feedTemplate.module.scss";
 16 
import styles from "./feedTemplate.module.scss";
17 
import styleFeed from "../share-feed/shareFeed.module.scss";
 17 
import styleFeed from "../share-feed/shareFeed.module.scss";
Línea 18... Línea 18...
18 
 
 18 
 
19 
// Redux actions
 19 
// Redux actions
Línea 63... Línea 63...
63 
  const [commentsState, setCommentsState] = useState(comments);
 63 
  const [commentsState, setCommentsState] = useState(comments);
64 
  const [sharedState, setSharedState] = useState(owner_shared);
 64 
  const [sharedState, setSharedState] = useState(owner_shared);
65 
  const [likesState, setLikesState] = useState(feed_likes);
 65 
  const [likesState, setLikesState] = useState(feed_likes);
66 
  const [isReadMoreActive, setIsReadMoreActive] = useState(false);
 66 
  const [isReadMoreActive, setIsReadMoreActive] = useState(false);
67 
  const [showConfirmModal, setShowConfirmModal] = useState(false);
 67 
  const [showConfirmModal, setShowConfirmModal] = useState(false);
- 
 
 68 
  const [displayOption, setDisplayOption] = useState(false)
68 
  const [show, setShow] = useState(false);
 69 
  const [show, setShow] = useState(false);
Línea 69... Línea 70...
69 
 
 70 
 
70 
  const handleClose = () => setShow(false);
 71 
  const handleClose = () => setShow(false);
Línea 265... Línea 266...
265 
  }
 266 
  }
266 
  const OwnerDescription = () => <div className="show-read-more">
 267 
  const OwnerDescription = () => <div className="show-read-more">
267 
    {htmlParsedText(owner_description)}
 268 
    {htmlParsedText(owner_description)}
268 
  </div>
 269 
  </div>
269 
  const TopBar = () => (
 270 
  const TopBar = () => (
270 
    <div className="post_topbar">
 271 
    < div className="post_topbar" >
271 
      <div className="usy-dt">
 272 
      <div className="usy-dt">
272 
        <a href={owner_url}>
 273 
        <a href={owner_url}>
273 
          <img src={owner_image} alt="" style={{
 274 
          <img src={owner_image} alt="" style={{
274 
            width: "50px",
 275 
            width: "50px",
275 
            height: "auto",
 276 
            height: "auto",
Línea 283... Línea 284...
283 
          <span>
 284 
          <span>
284 
            {owner_time_elapse}
 285 
            {owner_time_elapse}
285 
          </span>
 286 
          </span>
286 
        </div>
 287 
        </div>
287 
      </div>
 288 
      </div>
- 
 
 289 
      <div>
- 
 
 290 
        <BiDotsVerticalRounded onClick={() => setDisplayOption(!displayOption)} />
- 
 
 291 
        <div className={`feed-options ${displayOption ? 'active' : ''}`}>
- 
 
 292 
          <ul>
- 
 
 293 
            <li>
- 
 
 294 
              <BsTrash className="mr-1" />
- 
 
 295 
              Delete
- 
 
 296 
            </li>
- 
 
 297 
          </ul>
- 
 
 298 
        </div>
- 
 
 299 
      </div>
288 
    </div >
 300 
    </div >
289 
  )
 301 
  )
Línea 290... Línea 302...
290 
 
 302 
 
291 
  const Content = ({ showDescription }) => (
 303 
  const Content = ({ showDescription }) => (