Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4013 Rev 4017
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { Suspense } from "react";
 2 
import React, { Suspense } from "react";
3 
import styled from "styled-components";
 - 
 
4 
import { useDispatch } from "react-redux";
 3 
import { useDispatch } from "react-redux";
5 
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
 4 
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
6 
import { feedTypes } from "../../../redux/feed/feed.types";
 5 
import { feedTypes } from "../../../redux/feed/feed.types";
7 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
 6 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
8 
import ShareFeed from "../share-feed/ShareFeed";
 - 
 
9 
import ShareModal from "../share-modal/ShareModal";
 - 
 
10 
import SocialNetworks from "./SocialNetworks";
 7 
import SocialNetworks from "./SocialNetworks";
Línea 11... Línea -...
11 
 
 - 
 
Línea -... Línea 8...
- 
 
 8 
 
- 
 
 9 
 
- 
 
 10 
const ShareFeed = React.lazy(() => import("../share-feed/ShareFeed"))
12 
import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow";
 11 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
13 
 
 12 
const PeopleYouMayKnow = React.lazy(() => import("../../../shared/helpers/people-you-may-know/PeopleYouMayKnow"))
14 
const HomeNews = React.lazy(() => import("./HomeNews"));
 - 
 
Línea 15... Línea 13...
15 
const WidgetHelper = React.lazy(() => import("../../../shared/helpers/my-groups-helper/MyGroups"));
 13 
const HomeNews = React.lazy(() => import("./HomeNews"));
Línea 16... Línea -...
16 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
 - 
 
17 
 
 - 
 
18 
import Spinner from "../../../shared/loading-spinner/Spinner";
 - 
 
19 
 
 - 
 
20 
const StyledSpinner = styled.div`
 - 
 
21 
  width:100%;
 - 
 
22 
  height:100%;
 - 
 
23 
  display:grid;
 14 
const WidgetHelper = React.lazy(() => import("../../../shared/helpers/my-groups-helper/MyGroups"));
Línea 24... Línea 15...
24 
  place-items:center;
 15 
 
25 
`;
 16 
import Spinner from "../../../shared/loading-spinner/Spinner";
Línea 34... Línea 25...
34 
  return (
 25 
  return (
35 
    <>
 26 
    <>
36 
      <div className="main-section">
 27 
      <div className="main-section">
37 
        <div className='main-section-data'>
 28 
        <div className='main-section-data'>
38 
          <div className="main-left-sidebar d-none d-md-flex">
 29 
          <div className="main-left-sidebar d-none d-md-flex">
39 
            <Suspense fallback={null}>
 30 
            <Suspense fallback={<Spinner />}>
40 
              <WidgetHelper
 31 
              <WidgetHelper
41 
                url="/helpers/my-groups"
 32 
                url="/helpers/my-groups"
42 
                title="Mis Grupos:"
 33 
                title="Mis Grupos:"
43 
              />
 34 
              />
44 
            </Suspense>
 35 
            </Suspense>
45 
            <Suspense fallback={null}>
 36 
            <Suspense fallback={<Spinner />}>
46 
              <WidgetHelper
 37 
              <WidgetHelper
47 
                url="/helpers/groups-suggestion"
 38 
                url="/helpers/groups-suggestion"
48 
                title="Grupos:"
 39 
                title="Grupos:"
49 
              />
 40 
              />
50 
            </Suspense>
 41 
            </Suspense>
51 
            <div className="d-block d-xl-none">
 42 
            <div className="d-block d-xl-none">
- 
 
 43 
              <Suspense fallback={<Spinner />}>
52 
              <PeopleYouMayKnow />
 44 
                <PeopleYouMayKnow />
- 
 
 45 
              </Suspense>
53 
            </div>
 46 
            </div>
54 
            <SocialNetworks />
 47 
            <SocialNetworks />
55 
          </div>
 48 
          </div>
56 
          <div className='feed-section'>
 49 
          <div className='feed-section'>
57 
            <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
 - 
 
58 
            <Suspense
 50 
            <Suspense fallback={<Suspense />}>
59 
              fallback={
 51 
              <ShareFeed
60 
                <StyledSpinner>
 52 
                image={image}
61 
                  <Spinner />
 53 
                feedType={feedTypes.DASHBOARD}
62 
                </StyledSpinner>
 54 
                postUrl="/feed/add"
63 
              }
 55 
              />
64 
            >
 56 
            </Suspense>
- 
 
 57 
            <Suspense fallback={<Spinner />}>
65 
              <FeedSection
 58 
              <FeedSection
66 
                routeTimeline={routeTimeline}
 59 
                routeTimeline={routeTimeline}
67 
                feed={feed}
 60 
                feed={feed}
68 
                image={image}
 61 
                image={image}
69 
              />
 62 
              />
70 
            </Suspense>
 63 
            </Suspense>
71 
          </div>
 64 
          </div>
72 
          <div className='right-sidebar'>
 65 
          <div className='right-sidebar'>
- 
 
 66 
            <Suspense fallback={<Spinner />}>
73 
            <PeopleYouMayKnow />
 67 
              <PeopleYouMayKnow />
- 
 
 68 
            </Suspense>
74 
            <Suspense fallback={null}>
 69 
            <Suspense fallback={null}>
75 
              <HomeNews />
 70 
              <HomeNews />
76 
            </Suspense>
 71 
            </Suspense>
77 
          </div>
 72 
          </div>
78 
        </div>
 73 
        </div>
79 
      </div>
 74 
      </div>
80 
      <ShareModal />
 - 
 
81 
      <NotificationAlert />
 75 
      <NotificationAlert />
82 
    </>
 76 
    </>
83 
  );
 77 
  );
84 
};
 78 
};