Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
3299 stevensc 1 
/* eslint-disable react/prop-types */
2978 stevensc 2 
import React, { Suspense } from "react";
2972 stevensc 3 
import { useDispatch } from "react-redux";
1 www 4 
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
5 
import { feedTypes } from "../../../redux/feed/feed.types";
2966 stevensc 6 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
2967 stevensc 7 
import SocialNetworks from "./SocialNetworks";
8 
 
4000 stevensc 9 
 
4017 stevensc 10 
const ShareFeed = React.lazy(() => import("../share-feed/ShareFeed"))
11 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
12 
const PeopleYouMayKnow = React.lazy(() => import("../../../shared/helpers/people-you-may-know/PeopleYouMayKnow"))
4000 stevensc 13 
const HomeNews = React.lazy(() => import("./HomeNews"));
14 
const WidgetHelper = React.lazy(() => import("../../../shared/helpers/my-groups-helper/MyGroups"));
3299 stevensc 15 
 
4000 stevensc 16 
import Spinner from "../../../shared/loading-spinner/Spinner";
17 
 
3503 stevensc 18 
const HomeSection = ({ routeTimeline, backendVars }) => {
1 www 19 
 
2972 stevensc 20 
  const dispatch = useDispatch()
3299 stevensc 21 
  const { image, feed } = backendVars;
1 www 22 
 
2972 stevensc 23 
  dispatch(setTimelineUrl(routeTimeline));
2207 stevensc 24 
 
1 www 25 
  return (
3993 stevensc 26 
    <>
1 www 27 
      <div className="main-section">
3993 stevensc 28 
        <div className='main-section-data'>
3922 stevensc 29 
          <div className="main-left-sidebar d-none d-md-flex">
4017 stevensc 30 
            <Suspense fallback={<Spinner />}>
4001 stevensc 31 
              <WidgetHelper
32 
                url="/helpers/my-groups"
33 
                title="Mis Grupos:"
34 
              />
35 
            </Suspense>
4017 stevensc 36 
            <Suspense fallback={<Spinner />}>
4001 stevensc 37 
              <WidgetHelper
38 
                url="/helpers/groups-suggestion"
39 
                title="Grupos:"
40 
              />
41 
            </Suspense>
3991 stevensc 42 
            <div className="d-block d-xl-none">
4017 stevensc 43 
              <Suspense fallback={<Spinner />}>
44 
                <PeopleYouMayKnow />
45 
              </Suspense>
3991 stevensc 46 
            </div>
3921 stevensc 47 
            <SocialNetworks />
1 www 48 
          </div>
3994 stevensc 49 
          <div className='feed-section'>
4017 stevensc 50 
            <Suspense fallback={<Suspense />}>
51 
              <ShareFeed
52 
                image={image}
53 
                feedType={feedTypes.DASHBOARD}
54 
                postUrl="/feed/add"
55 
              />
56 
            </Suspense>
57 
            <Suspense fallback={<Spinner />}>
2978 stevensc 58 
              <FeedSection
59 
                routeTimeline={routeTimeline}
60 
                feed={feed}
61 
                image={image}
62 
              />
63 
            </Suspense>
1 www 64 
          </div>
3921 stevensc 65 
          <div className='right-sidebar'>
4017 stevensc 66 
            <Suspense fallback={<Spinner />}>
67 
              <PeopleYouMayKnow />
68 
            </Suspense>
4001 stevensc 69 
            <Suspense fallback={null}>
70 
              <HomeNews />
71 
            </Suspense>
1 www 72 
          </div>
73 
        </div>
74 
      </div>
75 
      <NotificationAlert />
3991 stevensc 76 
    </>
1 www 77 
  );
78 
};
79 
 
2972 stevensc 80 
export default HomeSection;