Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4017 Rev 4072
Línea 3... Línea 3...
3 
import { useDispatch } from "react-redux";
 3 
import { useDispatch } from "react-redux";
4 
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
 4 
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
5 
import { feedTypes } from "../../../redux/feed/feed.types";
 5 
import { feedTypes } from "../../../redux/feed/feed.types";
6 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
 6 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
7 
import SocialNetworks from "./SocialNetworks";
 7 
import SocialNetworks from "./SocialNetworks";
- 
 
 8 
import ShareFeed from "../share-feed/ShareFeed"
- 
 
 9 
import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow"
- 
 
 10 
import HomeNews from "./HomeNews";
- 
 
 11 
import WidgetHelper from "../../../shared/helpers/my-groups-helper/MyGroups";
- 
 
 12 
import Spinner from "../../../shared/loading-spinner/Spinner";
Línea 8... Línea -...
8 
 
 - 
 
9 
 
 13 
 
10 
const ShareFeed = React.lazy(() => import("../share-feed/ShareFeed"))
 14 
// Lazy Components
11 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
 - 
 
12 
const PeopleYouMayKnow = React.lazy(() => import("../../../shared/helpers/people-you-may-know/PeopleYouMayKnow"))
 - 
 
13 
const HomeNews = React.lazy(() => import("./HomeNews"));
 - 
 
Línea -... Línea 15...
- 
 
 15 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
14 
const WidgetHelper = React.lazy(() => import("../../../shared/helpers/my-groups-helper/MyGroups"));
 16 
 
Línea 15... Línea 17...
15 
 
 17 
// Responsive Flags
Línea 16... Línea 18...
16 
import Spinner from "../../../shared/loading-spinner/Spinner";
 18 
const isMobile = window.innerWidth < 1200
17 
 
 19 
 
Línea 25... Línea 27...
25 
  return (
 27 
  return (
26 
    <>
 28 
    <>
27 
      <div className="main-section">
 29 
      <div className="main-section">
28 
        <div className='main-section-data'>
 30 
        <div className='main-section-data'>
29 
          <div className="main-left-sidebar d-none d-md-flex">
 31 
          <div className="main-left-sidebar d-none d-md-flex">
30 
            <Suspense fallback={<Spinner />}>
 - 
 
31 
              <WidgetHelper
 32 
            <WidgetHelper
32 
                url="/helpers/my-groups"
 33 
              url="/helpers/my-groups"
33 
                title="Mis Grupos:"
 34 
              title="Mis Grupos:"
34 
              />
 35 
            />
35 
            </Suspense>
 - 
 
36 
            <Suspense fallback={<Spinner />}>
 - 
 
37 
              <WidgetHelper
 36 
            <WidgetHelper
38 
                url="/helpers/groups-suggestion"
 37 
              url="/helpers/groups-suggestion"
39 
                title="Grupos:"
 38 
              title="Grupos:"
40 
              />
 39 
            />
41 
            </Suspense>
 - 
 
42 
            <div className="d-block d-xl-none">
 - 
 
43 
              <Suspense fallback={<Spinner />}>
 - 
 
44 
                <PeopleYouMayKnow />
 40 
            {isMobile && <PeopleYouMayKnow />}
45 
              </Suspense>
 41 
            {isMobile && <HomeNews />}
46 
            </div>
 - 
 
47 
            <SocialNetworks />
 42 
            <SocialNetworks />
48 
          </div>
 43 
          </div>
49 
          <div className='feed-section'>
 44 
          <div className='feed-section'>
50 
            <Suspense fallback={<Suspense />}>
 - 
 
51 
              <ShareFeed
 45 
            <ShareFeed
52 
                image={image}
 46 
              image={image}
53 
                feedType={feedTypes.DASHBOARD}
 47 
              feedType={feedTypes.DASHBOARD}
54 
                postUrl="/feed/add"
 48 
              postUrl="/feed/add"
55 
              />
 49 
            />
56 
            </Suspense>
 - 
 
57 
            <Suspense fallback={<Spinner />}>
 50 
            <Suspense fallback={<Spinner />}>
58 
              <FeedSection
 51 
              <FeedSection
59 
                routeTimeline={routeTimeline}
 52 
                routeTimeline={routeTimeline}
60 
                feed={feed}
 53 
                feed={feed}
61 
                image={image}
 54 
                image={image}
62 
              />
 55 
              />
63 
            </Suspense>
 56 
            </Suspense>
64 
          </div>
 57 
          </div>
65 
          <div className='right-sidebar'>
 58 
          <div className='right-sidebar'>
66 
            <Suspense fallback={<Spinner />}>
 - 
 
67 
              <PeopleYouMayKnow />
 59 
            {!isMobile && <PeopleYouMayKnow />}
68 
            </Suspense>
 - 
 
69 
            <Suspense fallback={null}>
 - 
 
70 
              <HomeNews />
 60 
            {!isMobile && <HomeNews />}
71 
            </Suspense>
 - 
 
72 
          </div>
 61 
          </div>
73 
        </div>
 62 
        </div>
74 
      </div>
 63 
      </div>
75 
      <NotificationAlert />
 64 
      <NotificationAlert />
76 
    </>
 65 
    </>