Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4912 Rev 5106
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { Suspense, useEffect } from "react";
 2 
import React, { Suspense, useEffect } from 'react'
3 
import { useDispatch, useSelector } from "react-redux";
 3 
import { useDispatch, useSelector } from 'react-redux'
4 
import { fetchFeeds, setCurrentPage } from "../../../redux/feed/feed.actions";
 4 
import { fetchFeeds, setCurrentPage } from '../../../redux/feed/feed.actions'
- 
 
 5 
import EmptySection from '../../../shared/empty-section/EmptySection'
5 
import Spinner from "../../../shared/loading-spinner/Spinner";
 6 
import Spinner from '../../../shared/loading-spinner/Spinner'
6 
import Feed from "../feed/FeedTemplate";
 7 
import Feed from '../feed/FeedTemplate'
- 
 
 8 
 
7 
const ShareModal = React.lazy(() => import("../share-modal/ShareModal"))
 9 
const ShareModal = React.lazy(() => import('../share-modal/ShareModal'))
8 
const PaginationComponent = React.lazy(() => import("../../../shared/pagination/PaginationComponent"))
 10 
const PaginationComponent = React.lazy(() => import('../../../shared/pagination/PaginationComponent'))
Línea 9... Línea 11...
9 
 
 11 
 
10 
const isDashboard = window.location.pathname.includes('dashboard')
 12 
const isDashboard = window.location.pathname.includes('dashboard')
Línea 11... Línea 13...
11 
const isMobile = window.innerWidth < 768
 13 
const isMobile = window.innerWidth < 768
12 
 
 - 
 
13 
const FeedSection = ({ feed, image }) => {
 14 
 
14 
 
 15 
const FeedSection = ({ feed, image }) => {
Línea 15... Línea -...
15 
  const { allFeeds, timelineUrl, pages, currentPage, loading } = useSelector((state) => state.feed)
 - 
 
16 
  const dispatch = useDispatch()
 16 
  const { allFeeds, timelineUrl, pages, currentPage, loading } = useSelector((state) => state.feed)
Línea 17... Línea 17...
17 
 
 17 
  const dispatch = useDispatch()
18 
 
 18 
 
19 
  const fetchSpecificFeed = () => dispatch(fetchFeeds(timelineUrl + '/feed/' + feed, 1))
 19 
  const fetchSpecificFeed = () => dispatch(fetchFeeds(timelineUrl + '/feed/' + feed, 1))
20 
 
 20 
 
21 
  useEffect(() => {
 21 
  useEffect(() => {
22 
    if (feed) {
 22 
    if (feed) {
23 
      return fetchSpecificFeed()
 23 
      return fetchSpecificFeed()
24 
    } else {
 - 
 
Línea 25... Línea 24...
25 
      return dispatch(fetchFeeds(timelineUrl, currentPage))
 24 
    } else {
26 
    }
 25 
      return dispatch(fetchFeeds(timelineUrl, currentPage))
27 
  }, []);
 26 
    }
28 
 
 27 
  }, [])
29 
 
 28 
 
Línea 30... Línea 29...
30 
  const onChangePageHandler = (currentPage) => {
 29 
  const onChangePageHandler = (currentPage) => {
31 
    dispatch(setCurrentPage(currentPage));
 30 
    dispatch(setCurrentPage(currentPage))
32 
    dispatch(fetchFeeds(timelineUrl, currentPage))
 31 
    dispatch(fetchFeeds(timelineUrl, currentPage))
Línea 33... Línea 32...
33 
    window.scrollTo(0, 0);
 32 
    window.scrollTo(0, 0)
34 
  };
 33 
  }
35 
 
 34 
 
36 
  if (loading) {
 35 
  if (loading) {
37 
    return <Spinner />
 36 
    return <Spinner />
38 
  }
 37 
  }
39 
 
 38 
 
40 
  return (
 39 
  return (
41 
    <>
 40 
    <>
42 
      {allFeeds.length
 41 
      {allFeeds.length
43 
        ? allFeeds.map((feed, index) => {
 42 
        ? allFeeds.map((feed, index) => {
Línea 56... Línea 55...
56 
                />
 55 
                />
57 
              </>
 56 
              </>
58 
            )
 57 
            )
59 
          }
 58 
          }
60 
          if (isMobile && isDashboard && index === 8) {
 59 
          if (isMobile && isDashboard && index === 8) {
61 
            const HomeNews = React.lazy(() => import("../home-section/HomeNews"))
 60 
            const HomeNews = React.lazy(() => import('../home-section/HomeNews'))
62 
            return (
 61 
            return (
63 
              <>
 62 
              <>
64 
                <Suspense fallback={null}>
 63 
                <Suspense fallback={null}>
65 
                  <HomeNews />
 64 
                  <HomeNews />
66 
                </Suspense>
 65 
                </Suspense>
Línea 80... Línea 79...
80 
              owner_shared={feed.owner_shared}
 79 
              owner_shared={feed.owner_shared}
81 
              image={image}
 80 
              image={image}
82 
            />
 81 
            />
83 
          )
 82 
          )
84 
        })
 83 
        })
85 
        :
 - 
 
86 
        <div style={{ display: 'grid', width: '100%', padding: '20px', placeItems: 'center' }}>
 - 
 
87 
          <h2>No hay publicaciones</h2>
 84 
        : <EmptySection message={LABELS.NOT_AVAILABLE_FEEDS} />
88 
        </div>
 - 
 
89 
      }
 85 
      }
90 
      <Suspense fallback={null}>
 86 
      <Suspense fallback={null}>
91 
        <ShareModal
 87 
        <ShareModal
92 
          timelineUrl={timelineUrl}
 88 
          timelineUrl={timelineUrl}
93 
          currentPage={currentPage}
 89 
          currentPage={currentPage}
Línea 100... Línea 96...
100 
          isRow
 96 
          isRow
101 
          currentActivePage={currentPage}
 97 
          currentActivePage={currentPage}
102 
        />
 98 
        />
103 
      </Suspense>
 99 
      </Suspense>
104 
    </>
 100 
    </>
105 
  );
 101 
  )
106 
};
 102 
}
Línea 107... Línea -...
107 
 
 - 
 
108 
export default React.memo(FeedSection);
 103 
 
- 
 
 104 
export default React.memo(FeedSection)