Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4021 | Rev 4062 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3993 stevensc 1 
/* eslint-disable react/prop-types */
4022 stevensc 2 
import React, { Suspense, useEffect } from "react";
3993 stevensc 3 
import { useDispatch, useSelector } from "react-redux";
4 
import { fetchFeeds, setCurrentPage } from "../../../redux/feed/feed.actions";
4017 stevensc 5 
import Feed from "../feed/FeedTemplate";
6 
const ShareModal = React.lazy(() => import("../share-modal/ShareModal"))
7 
const PaginationComponent = React.lazy(() => import("../../../shared/pagination/PaginationComponent"))
8 
 
4022 stevensc 9 
const isDashboard = window.location.pathname.includes('dashboard')
10 
const isMobile = window.innerWidth < 1000
3993 stevensc 11 
 
4017 stevensc 12 
const FeedSection = ({ feed, image }) => {
13 
 
4021 stevensc 14 
  const { allFeeds, timelineUrl, pages, currentPage } = useSelector((state) => state.feed)
3993 stevensc 15 
  const dispatch = useDispatch()
16 
 
17 
 
18 
  const fetchSpecificFeed = () => dispatch(fetchFeeds(timelineUrl + '/feed/' + feed, 1))
19 
 
20 
  useEffect(() => {
21 
    if (feed) {
22 
      return fetchSpecificFeed()
23 
    } else {
24 
      return dispatch(fetchFeeds(timelineUrl, currentPage))
25 
    }
26 
  }, []);
27 
 
28 
 
29 
  const onChangePageHandler = (currentPage) => {
30 
    dispatch(setCurrentPage(currentPage));
31 
    dispatch(fetchFeeds(timelineUrl, currentPage))
32 
    window.scrollTo(0, 0);
33 
  };
34 
 
35 
  return (
36 
    <>
37 
      {allFeeds.length
4021 stevensc 38 
        ? allFeeds.map((feed, index) => {
4022 stevensc 39 
          if (isMobile && isDashboard && index === 5) {
4021 stevensc 40 
            const PeopleYouMayKnow = React.lazy(() => import("../../../shared/helpers/people-you-may-know/PeopleYouMayKnow"))
41 
            return (
42 
              <>
4020 stevensc 43 
                <PeopleYouMayKnow />
4021 stevensc 44 
                <Feed
45 
                  feed={feed}
46 
                  key={feed.feed_unique}
47 
                  owner_shared={feed.owner_shared}
48 
                  image={image}
49 
                />
50 
              </>
51 
            )
52 
          }
4022 stevensc 53 
          if (isMobile && isDashboard && index === 8) {
4021 stevensc 54 
            const HomeNews = React.lazy(() => import("../home-section/HomeNews"))
55 
            return (
56 
              <>
3993 stevensc 57 
                <HomeNews />
4021 stevensc 58 
                <Feed
59 
                  feed={feed}
60 
                  key={feed.feed_unique}
61 
                  owner_shared={feed.owner_shared}
62 
                  image={image}
63 
                />
64 
              </>
65 
            )
66 
          }
67 
          return (
4017 stevensc 68 
            <Feed
3993 stevensc 69 
              feed={feed}
70 
              key={feed.feed_unique}
71 
              owner_shared={feed.owner_shared}
72 
              image={image}
4017 stevensc 73 
            />
4021 stevensc 74 
          )
75 
        })
3993 stevensc 76 
        :
77 
        <div style={{ display: 'grid', width: '100%', padding: '20px', placeItems: 'center' }}>
78 
          <h2>No hay publicaciones</h2>
79 
        </div>
80 
      }
81 
      <ShareModal
82 
        timelineUrl={timelineUrl}
83 
        currentPage={currentPage}
84 
      />
4022 stevensc 85 
      <Suspense fallback={null}>
86 
        <PaginationComponent
87 
          onChangePage={onChangePageHandler}
88 
          pages={pages}
89 
          isRow
90 
          currentActivePage={currentPage}
91 
        />
92 
      </Suspense>
3993 stevensc 93 
    </>
94 
  );
95 
};
96 
 
97 
export default React.memo(FeedSection);