Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2930 Rev 2964
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React, { Suspense } from "react";
2 
import { connect } from "react-redux";
 2 
import { connect } from "react-redux";
3 
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
 3 
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
4 
import { feedTypes } from "../../../redux/feed/feed.types";
 4 
import { feedTypes } from "../../../redux/feed/feed.types";
- 
 
 5 
import { addNotification } from "../../../redux/notification/notification.actions";
- 
 
 6 
 
5 
import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow";
 7 
const PeopleYouMayKnow = React.lazy(() => import("../../../shared/helpers/people-you-may-know/PeopleYouMayKnow"));
6 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
 8 
const NotificationAlert = React.lazy(() => import("../../../shared/notification/NotificationAlert"));
7 
import FeedSection from "../feed-section/FeedSection";
 9 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
8 
import ShareFeed from "../share-feed/ShareFeed";
 10 
const ShareFeed = React.lazy(() => import("../share-feed/ShareFeed"));
9 
import ShareModal from "../share-modal/ShareModal";
 11 
const ShareModal = React.lazy(() => import("../share-modal/ShareModal"));
- 
 
 12 
const SuggestedGroupsHelper = React.lazy(() => ("../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper"));
- 
 
 13 
const HomeNews = React.lazy(() => import("./HomeNews"));
- 
 
 14 
const SocialNetworks = React.lazy(() => import("./SocialNetworks"));
Línea 10... Línea 15...
10 
 
 15 
 
11 
import styles from "./HomeSection.module.scss";
 - 
 
12 
import { addNotification } from "../../../redux/notification/notification.actions";
 - 
 
13 
import ProfileInfo from "./ProfileInfo";
 - 
 
14 
import SocialNetworks from "./SocialNetworks";
 - 
 
15 
import HomeNews from "./HomeNews";
 - 
 
16 
import Footer from "../../../shared/helpers/footer/Footer";
 - 
 
Línea 17... Línea 16...
17 
import SuggestedGroupsHelper from "../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper";
 16 
import styles from "./HomeSection.module.scss";
18 
 
 17 
 
19 
const HomeSection = (props) => {
 18 
const HomeSection = (props) => {
Línea 29... Línea 28...
29 
  setTimelineUrl(routeTimeline);
 28 
  setTimelineUrl(routeTimeline);
30 
  return (
 29 
  return (
31 
    <div>
 30 
    <div>
32 
      <div className="main-section">
 31 
      <div className="main-section">
33 
        <div className={styles.mainSection}>
 32 
        <div className={styles.mainSection}>
34 
          {/* <!--  LEFT COLUMN START --> */}
 - 
 
35 
          <div className="d-none d-sm-none d-md-block d-lg-block">
 33 
          <div className="d-none d-sm-none d-md-block d-lg-block">
36 
            <div className={styles.sectionHeader}>
 34 
            <div className={styles.sectionHeader}>
- 
 
 35 
              <Suspense
- 
 
 36 
                fallback={
- 
 
 37 
                  <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
- 
 
 38 
                    <Spinner />
- 
 
 39 
                  </div>
- 
 
 40 
                }
- 
 
 41 
              >
37 
              <SuggestedGroupsHelper />
 42 
                <SuggestedGroupsHelper />
- 
 
 43 
              </Suspense>
- 
 
 44 
              <Suspense
- 
 
 45 
                fallback={
- 
 
 46 
                  <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
- 
 
 47 
                    <Spinner />
- 
 
 48 
                  </div>
- 
 
 49 
                }
- 
 
 50 
              >
38 
              <SocialNetworks />
 51 
                <SocialNetworks />
- 
 
 52 
              </Suspense>
39 
            </div>
 53 
            </div>
40 
          </div>
 54 
          </div>
41 
          {/* <!--  LEFT COLUMN END --> */}
 - 
 
42 
 
 - 
 
43 
          {/* <!-- CENTER COLUMN START --> */}
 - 
 
44 
          <div className={styles.feedSection}>
 55 
          <div className={styles.feedSection}>
- 
 
 56 
            <Suspense
- 
 
 57 
              fallback={
- 
 
 58 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
45 
            {/* <!--posts-section star--> */}
 59 
                  <Spinner />
- 
 
 60 
                </div>
- 
 
 61 
              }
- 
 
 62 
            >
46 
            <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
 63 
              <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
- 
 
 64 
            </Suspense>
- 
 
 65 
            <Suspense
- 
 
 66 
              fallback={
- 
 
 67 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
- 
 
 68 
                  <Spinner />
- 
 
 69 
                </div>
- 
 
 70 
              }
- 
 
 71 
            >
47 
            <FeedSection
 72 
              <FeedSection
48 
              routeTimeline={routeTimeline}
 73 
                routeTimeline={routeTimeline}
49 
              feed={feed}
 74 
                feed={feed}
50 
              image={image}
 75 
                image={image}
51 
            />
 76 
              />
52 
            {/* <!--posts-section end--> */}
 77 
            </Suspense>
53 
          </div>
 78 
          </div>
54 
          {/* <!-- CENTER COLUMN END --> */}
 - 
 
55 
 
 - 
 
56 
          {/* <!-- RIGTH COLUMN START --> */}
 - 
 
57 
          <div className={styles.peopleYouMayKnow}>
 79 
          <div className={styles.peopleYouMayKnow}>
- 
 
 80 
            <Suspense
- 
 
 81 
              fallback={
58 
            {/* <?php echo $this->peopleYouMayKnowHelper($currentUser->id) ?> */}
 82 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
- 
 
 83 
                  <Spinner />
- 
 
 84 
                </div>
- 
 
 85 
              }
- 
 
 86 
            >
59 
            <PeopleYouMayKnow />
 87 
              <PeopleYouMayKnow />
- 
 
 88 
            </Suspense>
- 
 
 89 
            <Suspense
- 
 
 90 
              fallback={
- 
 
 91 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
- 
 
 92 
                  <Spinner />
- 
 
 93 
                </div>
- 
 
 94 
              }
- 
 
 95 
            >
60 
            <HomeNews />
 96 
              <HomeNews />
- 
 
 97 
            </Suspense>
61 
          </div>
 98 
          </div>
62 
          {/* <!--right-sidebar end--> */}
 - 
 
63 
        </div>
 99 
        </div>
64 
        {/* <!-- RIGTH COLUMN END --> */}
 - 
 
65 
      </div>
 100 
      </div>
66 
      <ShareModal />
 101 
      <ShareModal />
67 
      <NotificationAlert />
 102 
      <NotificationAlert />
68 
    </div>
 103 
    </div>
69 
  );
 104 
  );