Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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