| Línea -... |
Línea 1... |
| - |
|
1 |
/* eslint-disable react/prop-types */
|
| 1 |
import React, { Suspense } from "react";
|
2 |
import React, { Suspense } from "react";
|
| 2 |
import styled from "styled-components";
|
3 |
import styled from "styled-components";
|
| 3 |
import { useDispatch } from "react-redux";
|
4 |
import { useDispatch } from "react-redux";
|
| 4 |
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
|
5 |
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
|
| 5 |
import { feedTypes } from "../../../redux/feed/feed.types";
|
6 |
import { feedTypes } from "../../../redux/feed/feed.types";
|
| 6 |
|
- |
|
| 7 |
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
|
- |
|
| 8 |
import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow";
|
7 |
import PeopleYouMayKnow from "../../../shared/helpers/people-you-may-know/PeopleYouMayKnow";
|
| 9 |
import NotificationAlert from "../../../shared/notification/NotificationAlert";
|
8 |
import NotificationAlert from "../../../shared/notification/NotificationAlert";
|
| 10 |
import ShareFeed from "../share-feed/ShareFeed";
|
9 |
import ShareFeed from "../share-feed/ShareFeed";
|
| 11 |
import ShareModal from "../share-modal/ShareModal";
|
10 |
import ShareModal from "../share-modal/ShareModal";
|
| 12 |
import SocialNetworks from "./SocialNetworks";
|
11 |
import SocialNetworks from "./SocialNetworks";
|
| 13 |
import HomeNews from "./HomeNews";
|
12 |
import HomeNews from "./HomeNews";
|
| 14 |
import SuggestedGroupsHelper from "../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper";
|
13 |
import SuggestedGroupsHelper from "../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper";
|
| - |
|
14 |
import MyGroups from "../../../shared/helpers/my-groups-helper/MyGroups";
|
| - |
|
15 |
import Spinner from "../../../shared/loading-spinner/Spinner";
|
| - |
|
16 |
|
| - |
|
17 |
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
|
| Línea 15... |
Línea 18... |
| 15 |
|
18 |
|
| 16 |
import styles from "./HomeSection.module.scss";
|
- |
|
| Línea 17... |
Línea 19... |
| 17 |
import Spinner from "../../../shared/loading-spinner/Spinner";
|
19 |
import styles from "./HomeSection.module.scss";
|
| 18 |
|
20 |
|
| 19 |
const StyledSpinner = styled.div`
|
21 |
const StyledSpinner = styled.div`
|
| 20 |
width:100%;
|
22 |
width:100%;
|
| 21 |
height:100%;
|
23 |
height:100%;
|
| 22 |
display:grid;
|
24 |
display:grid;
|
| Línea 23... |
Línea 25... |
| 23 |
place-items:center;
|
25 |
place-items:center;
|
| Línea 24... |
Línea 26... |
| 24 |
`;
|
26 |
`;
|
| 25 |
|
27 |
|
| Línea 26... |
Línea 28... |
| 26 |
const HomeSection = (props) => {
|
28 |
const HomeSection = ({routeTimeline, backendVars}) => {
|
| Línea 27... |
Línea 29... |
| 27 |
|
29 |
|
| 28 |
const dispatch = useDispatch()
|
30 |
const dispatch = useDispatch()
|
| 29 |
const { image, feed } = props.backendVars;
|
31 |
const { image, feed } = backendVars;
|
| 30 |
|
32 |
|
| 31 |
dispatch(setTimelineUrl(routeTimeline));
|
33 |
dispatch(setTimelineUrl(routeTimeline));
|
| 32 |
|
34 |
|
| - |
|
35 |
return (
|
| 33 |
return (
|
36 |
<div>
|
| 34 |
<div>
|
37 |
<div className="main-section">
|
| 35 |
<div className="main-section">
|
38 |
<div className={styles.mainSection}>
|
| 36 |
<div className={styles.mainSection}>
|
39 |
<div className="d-none d-sm-none d-md-block d-lg-block">
|
| 37 |
<div className="d-none d-sm-none d-md-block d-lg-block">
|
40 |
<div className={styles.sectionHeader}>
|