Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2964 Rev 3094
Línea 1... Línea 1...
1
import React, { useEffect } from 'react'
1
import React, { useEffect } from 'react'
2
import { useDispatch, useSelector } from 'react-redux'
2
import { useDispatch, useSelector } from 'react-redux'
3
import { useParams } from 'react-router-dom'
3
import { useParams } from 'react-router-dom'
4
 
-
 
5
import { useFetch } from '@hooks'
4
import { useFetch, useMediaQuery } from '@hooks'
6
import {
5
import {
7
  fetchFeeds,
6
  fetchFeeds,
8
  setCurrentPage,
7
  setCurrentPage,
9
  setTimelineUrl
8
  setTimelineUrl
10
} from '@app/redux/feed/feed.actions'
9
} from '@app/redux/feed/feed.actions'
Línea 29... Línea 28...
29
const DashboardPage = () => {
28
const DashboardPage = () => {
30
  const { feeds, timelineUrl, currentPage, loading, pages } = useSelector(
29
  const { feeds, timelineUrl, currentPage, loading, pages } = useSelector(
31
    ({ feed }) => feed
30
    ({ feed }) => feed
32
  )
31
  )
33
  const dispatch = useDispatch()
32
  const dispatch = useDispatch()
-
 
33
  const isMobile = useMediaQuery('(max-width: 768px)')
Línea 34... Línea 34...
34
 
34
 
35
  const { id } = useParams()
35
  const { id } = useParams()
Línea 36... Línea 36...
36
  const { data } = useFetch(id ? `/dashboard/feed/${id}` : '/dashboard')
36
  const { data } = useFetch(id ? `/dashboard/feed/${id}` : '/dashboard')
Línea 83... Línea 83...
83
            <GroupsWidget />
83
            <GroupsWidget />
84
          </>
84
          </>
85
        )}
85
        )}
86
        renderMain={() => (
86
        renderMain={() => (
87
          <>
87
          <>
88
            {data?.routeDailyPulse && (
88
            {data?.routeDailyPulse && isMobile && (
89
              <div className='d-md-none'>
-
 
90
                <DailyPulse dailyPulseUrl={data?.routeDailyPulse} />
89
              <DailyPulse dailyPulseUrl={data?.routeDailyPulse} />
91
              </div>
-
 
92
            )}
90
            )}
93
            <div className='d-md-none'>
91
            {isMobile && (
94
              <AppsWidget moodle={moodle} microlearning={microlearning} />
92
              <AppsWidget moodle={moodle} microlearning={microlearning} />
95
            </div>
93
            )}
96
            <FeedShare
94
            <FeedShare
97
              image={data?.image}
95
              image={data?.image}
98
              feedType={feedTypes.DASHBOARD}
96
              feedType={feedTypes.DASHBOARD}
99
              postUrl='/feed/add'
97
              postUrl='/feed/add'
100
            />
98
            />
Línea 106... Línea 104...
106
            />
104
            />
107
          </>
105
          </>
108
        )}
106
        )}
109
        renderAside={() => (
107
        renderAside={() => (
110
          <>
108
          <>
111
            {routeDailyPulse && (
109
            {routeDailyPulse && !isMobile && (
112
              <div className='d-none d-md-block'>
-
 
113
                <DailyPulse dailyPulseUrl={routeDailyPulse} />
110
              <DailyPulse dailyPulseUrl={routeDailyPulse} />
114
              </div>
-
 
115
            )}
111
            )}
116
            <PeopleYouMayKnow />
112
            <PeopleYouMayKnow />
117
            <HomeNews />
113
            <HomeNews />
118
          </>
114
          </>
119
        )}
115
        )}