Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2969 Rev 2971
Línea 1... Línea 1...
1 
import React, { Suspense } from "react";
 1 
import React 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 
import Spinner from "../../../shared/loading-spinner/Spinner";
 5 
import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow";
7 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
 6 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
- 
 
 7 
import FeedSection from "../feed-section/FeedSection";
- 
 
 8 
import ShareFeed from "../share-feed/ShareFeed";
8 
import ShareModal from "../share-modal/ShareModal";
 9 
import ShareModal from "../share-modal/ShareModal";
Línea -... Línea 10...
- 
 
 10 
 
9 
 
 11 
import styles from "./HomeSection.module.scss";
- 
 
 12 
import { addNotification } from "../../../redux/notification/notification.actions";
10 
import SuggestedGroupsHelper from "../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper";
 13 
import ProfileInfo from "./ProfileInfo";
11 
import SocialNetworks from "./SocialNetworks";
 - 
 
12 
import ShareFeed from "../share-feed/ShareFeed";
 - 
 
13 
import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow";
 14 
import SocialNetworks from "./SocialNetworks";
14 
import HomeNews from "./HomeNews";
 - 
 
15 
 
 15 
import HomeNews from "./HomeNews";
16 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
 - 
 
17 
 
 16 
import Footer from "../../../shared/helpers/footer/Footer";
Línea 18... Línea 17...
18 
import styles from "./HomeSection.module.scss";
 17 
import SuggestedGroupsHelper from "../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper";
19 
 
 18 
 
20 
const HomeSection = (props) => {
 19 
const HomeSection = (props) => {
Línea 30... Línea 29...
30 
  setTimelineUrl(routeTimeline);
 29 
  setTimelineUrl(routeTimeline);
31 
  return (
 30 
  return (
32 
    <div>
 31 
    <div>
33 
      <div className="main-section">
 32 
      <div className="main-section">
34 
        <div className={styles.mainSection}>
 33 
        <div className={styles.mainSection}>
- 
 
 34 
          {/* <!--  LEFT COLUMN START --> */}
35 
          <div className="d-none d-sm-none d-md-block d-lg-block">
 35 
          <div className="d-none d-sm-none d-md-block d-lg-block">
36 
            <div className={styles.sectionHeader}>
 36 
            <div className={styles.sectionHeader}>
37 
              <SuggestedGroupsHelper />
 37 
              <SuggestedGroupsHelper />
38 
              <SocialNetworks />
 38 
              <SocialNetworks />
39 
            </div>
 39 
            </div>
40 
          </div>
 40 
          </div>
- 
 
 41 
          {/* <!--  LEFT COLUMN END --> */}
- 
 
 42 
 
- 
 
 43 
          {/* <!-- CENTER COLUMN START --> */}
41 
          <div className={styles.feedSection}>
 44 
          <div className={styles.feedSection}>
- 
 
 45 
            {/* <!--posts-section star--> */}
42 
            <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
 46 
            <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
43 
            <Suspense
 - 
 
44 
              fallback={
 - 
 
45 
                <div className="w-100 h-100" style={{ display: "grid", placeItems: 'center' }}>
 - 
 
46 
                  <Spinner />
 - 
 
47 
                </div>
 - 
 
48 
              }
 - 
 
49 
            >
 - 
 
50 
              <FeedSection
 47 
            <FeedSection
51 
                routeTimeline={routeTimeline}
 48 
              routeTimeline={routeTimeline}
52 
                feed={feed}
 49 
              feed={feed}
53 
                image={image}
 50 
              image={image}
54 
              />
 51 
            />
55 
            </Suspense>
 52 
            {/* <!--posts-section end--> */}
56 
          </div>
 53 
          </div>
- 
 
 54 
          {/* <!-- CENTER COLUMN END --> */}
- 
 
 55 
 
- 
 
 56 
          {/* <!-- RIGTH COLUMN START --> */}
57 
          <div className={styles.peopleYouMayKnow}>
 57 
          <div className={styles.peopleYouMayKnow}>
- 
 
 58 
            {/* <?php echo $this->peopleYouMayKnowHelper($currentUser->id) ?> */}
58 
            <PeopleYouMayKnow />
 59 
            <PeopleYouMayKnow />
59 
            <HomeNews />
 60 
            <HomeNews />
60 
          </div>
 61 
          </div>
- 
 
 62 
          {/* <!--right-sidebar end--> */}
61 
        </div>
 63 
        </div>
- 
 
 64 
        {/* <!-- RIGTH COLUMN END --> */}
62 
      </div>
 65 
      </div>
63 
      <ShareModal />
 66 
      <ShareModal />
64 
      <NotificationAlert />
 67 
      <NotificationAlert />
65 
    </div>
 68 
    </div>
66 
  );
 69 
  );
67 
};
 70 
};
Línea -... Línea 71...
- 
 
 71 
 
- 
 
 72 
// const mapStateToProps = (state) => ({
- 
 
 73 
 
- 
 
 74 
// })
68 
 
 75 
 
69 
const mapDispatchToProps = {
 76 
const mapDispatchToProps = {
70 
  setTimelineUrl: (url) => setTimelineUrl(url),
 77 
  setTimelineUrl: (url) => setTimelineUrl(url),
71 
  addNotification: (notification) => addNotification(notification),
 78 
  addNotification: (notification) => addNotification(notification),