Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2966 Rev 2967
Línea 5... Línea 5...
5 
import { addNotification } from "../../../redux/notification/notification.actions";
 5 
import { addNotification } from "../../../redux/notification/notification.actions";
6 
import Spinner from "../../../shared/loading-spinner/Spinner";
 6 
import Spinner from "../../../shared/loading-spinner/Spinner";
7 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
 7 
import NotificationAlert from "../../../shared/notification/NotificationAlert";
8 
import ShareModal from "../share-modal/ShareModal";
 8 
import ShareModal from "../share-modal/ShareModal";
Línea 9... Línea 9...
9 
 
 9 
 
10 
const SuggestedGroupsHelper = React.lazy(() => ("../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper"));
 10 
import SuggestedGroupsHelper from "../../../shared/helpers/suggested-groups-helper/SuggestedGroupsHelper";
11 
const SocialNetworks = React.lazy(() => import("./SocialNetworks"));
 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 HomeNews from "./HomeNews";
12 
const ShareFeed = React.lazy(() => import("../share-feed/ShareFeed"));
 15 
 
13 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
 - 
 
14 
const PeopleYouMayKnow = React.lazy(() => import("../../../shared/helpers/people-you-may-know/PeopleYouMayKnow"));
 - 
 
Línea 15... Línea 16...
15 
const HomeNews = React.lazy(() => import("./HomeNews"));
 16 
const FeedSection = React.lazy(() => import("../feed-section/FeedSection"));
Línea 16... Línea 17...
16 
 
 17 
 
17 
import styles from "./HomeSection.module.scss";
 18 
import styles from "./HomeSection.module.scss";
Línea 31... Línea 32...
31 
    <div>
 32 
    <div>
32 
      <div className="main-section">
 33 
      <div className="main-section">
33 
        <div className={styles.mainSection}>
 34 
        <div className={styles.mainSection}>
34 
          <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">
35 
            <div className={styles.sectionHeader}>
 36 
            <div className={styles.sectionHeader}>
36 
              <Suspense
 - 
 
37 
                fallback={
 - 
 
38 
                  <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
 - 
 
39 
                    <Spinner />
 - 
 
40 
                  </div>
 - 
 
41 
                }
 - 
 
42 
              >
 - 
 
43 
                <SuggestedGroupsHelper />
 37 
              <SuggestedGroupsHelper />
44 
              </Suspense>
 - 
 
45 
              <Suspense
 - 
 
46 
                fallback={
 - 
 
47 
                  <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
 - 
 
48 
                    <Spinner />
 - 
 
49 
                  </div>
 - 
 
50 
                }
 - 
 
51 
              >
 - 
 
52 
                <SocialNetworks />
 38 
              <SocialNetworks />
53 
              </Suspense>
 - 
 
54 
            </div>
 39 
            </div>
55 
          </div>
 40 
          </div>
56 
          <div className={styles.feedSection}>
 41 
          <div className={styles.feedSection}>
57 
            <Suspense
 - 
 
58 
              fallback={
 - 
 
59 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
 - 
 
60 
                  <Spinner />
 - 
 
61 
                </div>
 - 
 
62 
              }
 - 
 
63 
            >
 - 
 
64 
              <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
 42 
            <ShareFeed image={image} feedType={feedTypes.DASHBOARD} postUrl="/feed/add" />
65 
            </Suspense>
 - 
 
66 
            <Suspense
 43 
            <Suspense
67 
              fallback={
 44 
              fallback={
68 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
 45 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
69 
                  <Spinner />
 46 
                  <Spinner />
70 
                </div>
 47 
                </div>
Línea 76... Línea 53...
76 
                image={image}
 53 
                image={image}
77 
              />
 54 
              />
78 
            </Suspense>
 55 
            </Suspense>
79 
          </div>
 56 
          </div>
80 
          <div className={styles.peopleYouMayKnow}>
 57 
          <div className={styles.peopleYouMayKnow}>
81 
            <Suspense
 - 
 
82 
              fallback={
 - 
 
83 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
 - 
 
84 
                  <Spinner />
 - 
 
85 
                </div>
 - 
 
86 
              }
 - 
 
87 
            >
 - 
 
88 
              <PeopleYouMayKnow />
 58 
            <PeopleYouMayKnow />
89 
            </Suspense>
 - 
 
90 
            <Suspense
 - 
 
91 
              fallback={
 - 
 
92 
                <div className="w-100 h-100" style={{ display: "flex", placeItems: 'center' }}>
 - 
 
93 
                  <Spinner />
 - 
 
94 
                </div>
 - 
 
95 
              }
 - 
 
96 
            >
 - 
 
97 
              <HomeNews />
 59 
            <HomeNews />
98 
            </Suspense>
 - 
 
99 
          </div>
 60 
          </div>
100 
        </div>
 61 
        </div>
101 
      </div>
 62 
      </div>
102 
      <ShareModal />
 63 
      <ShareModal />
103 
      <NotificationAlert />
 64 
      <NotificationAlert />