Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5793 Rev 5794
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect, useState } from 'react'
3 
import parse from 'html-react-parser'
 3 
import parse from 'html-react-parser'
4 
import { axios } from '../../../utils'
 4 
import { axios } from '../../../utils'
5 
import { connect } from 'react-redux'
 - 
 
6 
import { setTimelineUrl } from '../../../redux/feed/feed.actions'
 5 
import { setTimelineUrl } from '../../../redux/feed/feed.actions'
7 
import { addNotification } from '../../../redux/notification/notification.actions'
 6 
import { addNotification } from '../../../redux/notification/notification.actions'
8 
import { feedTypes } from '../../../redux/feed/feed.types'
 7 
import { feedTypes } from '../../../redux/feed/feed.types'
9 
import FeedSection from '../../../dashboard/components/feed-section/FeedSection'
 8 
import FeedSection from '../../../dashboard/components/feed-section/FeedSection'
10 
import ShareFeed from '../../../dashboard/components/share-feed/ShareFeed'
 9 
import ShareFeed from '../../../dashboard/components/share-feed/ShareFeed'
11 
import GroupMembersHelper from '../../../shared/helpers/group-members-helper/GroupMembersHelper'
 10 
import GroupMembersHelper from '../../../shared/helpers/group-members-helper/GroupMembersHelper'
12 
import GroupAttr from './component/GroupAttr'
 11 
import GroupAttr from './component/GroupAttr'
13 
import Cover from '../../../shared/cover/Cover'
 12 
import Cover from '../../../shared/cover/Cover'
14 
import SuggestWidget from '../../../shared/helpers/my-groups-helper/SuggestWidget'
 13 
import SuggestWidget from '../../../shared/helpers/my-groups-helper/SuggestWidget'
- 
 
 14 
import { useDispatch } from 'react-redux'
Línea 15... Línea 15...
15 
 
 15 
 
16 
const View = (props) => {
 - 
 
17 
  // backendVars Destructuring
 - 
 
18 
  const {
 16 
const View = ({
19 
    routeTimeline,
 17 
  routeTimeline,
20 
    groupId,
 18 
  groupId,
21 
    cover,
 19 
  cover,
22 
    image,
 20 
  image,
23 
    totalMembers,
 21 
  totalMembers,
24 
    name,
 22 
  name,
25 
    overview,
 23 
  overview,
26 
    groupType,
 24 
  groupType,
27 
    industry,
 25 
  industry,
28 
    privacy,
 26 
  privacy,
29 
    accessibility,
 27 
  accessibility,
30 
    website,
 28 
  website,
31 
    withoutFeeds,
 29 
  withoutFeeds,
32 
    linkInmail,
 30 
  linkInmail,
33 
  } = props.backendVars
 - 
 
34 
 
 - 
 
35 
  // redux destructuring
 - 
 
36 
  const { setTimelineUrl, addNotification } = props
 - 
 
37 
 
 31 
}) => {
38 
  const groupTabs = {
 32 
  const groupTabs = {
39 
    FEED_TAB: 'FEED_TAB',
 33 
    FEED_TAB: 'FEED_TAB',
40 
    INFO_TAB: 'INFO_TAB',
 34 
    INFO_TAB: 'INFO_TAB',
Línea -... Línea 35...
- 
 
 35 
  }
41 
  }
 36 
 
42 
 
 37 
  const [actionLinks, setActionLinks] = useState({})
43 
  // states
 38 
  const [linkInvite, setLinkInvite] = useState('')
44 
  const [currentTab, setCurrentTab] = useState(
 39 
  const [currentTab, setCurrentTab] = useState(
45 
    withoutFeeds ? groupTabs.INFO_TAB : groupTabs.FEED_TAB
 - 
 
46 
  )
 40 
    withoutFeeds ? groupTabs.INFO_TAB : groupTabs.FEED_TAB
47 
  const [actionLinks, setActionLinks] = useState({})
 - 
 
48 
  const [linkInvite, setLinkInvite] = useState('')
 - 
 
Línea 49... Línea 41...
49 
 
 41 
  )
50 
  setTimelineUrl(routeTimeline)
 42 
  const dispatch = useDispatch()
51 
 
 43 
 
52 
  const load = () => {
 44 
  const load = () => {
53 
    axios
 45 
    axios
54 
      .get('')
 46 
      .get('')
- 
 
 47 
      .then(({ data }) => {
55 
      .then(({ data }) => {
 48 
        if (!data.success) {
56 
        if (!data.success) {
 49 
          dispatch(addNotification({ style: 'error', msg: data.data }))
57 
          return addNotification({ style: 'error', msg: data.data })
 50 
          return
58 
        }
 51 
        }
59 
        setActionLinks(data.data)
 52 
        setActionLinks(data.data)
Línea 60... Línea 53...
60 
      })
 53 
      })
61 
      .catch((err) => console.log('>>: err > ', err))
 54 
      .catch((err) => console.log('>>: err > ', err))
62 
  }
 55 
  }
Línea 63... Línea 56...
63 
 
 56 
 
64 
  useEffect(() => {
 57 
  useEffect(() => load(), [])
65 
    load()
 58 
 
66 
  }, [])
 59 
  useEffect(() => dispatch(setTimelineUrl(routeTimeline)), [])
67 
 
 60 
 
68 
  const handleActionLink = (url) => {
 61 
  const handleActionLink = (url) => {
- 
 
 62 
    axios
69 
    axios
 63 
      .post(url)
70 
      .post(url)
 64 
      .then(({ data }) => {
71 
      .then(({ data }) => {
 65 
        if (!data.success) {
72 
        if (!data.success) {
 66 
          dispatch(addNotification({ style: 'error', msg: data.data }))
73 
          return addNotification({ style: 'error', msg: data.data })
 67 
          return
74 
        }
 68 
        }
Línea 75... Línea 69...
75 
        addNotification({ style: 'success', msg: data.data })
 69 
        dispatch(addNotification({ style: 'success', msg: data.data }))
76 
        window.location.reload()
 70 
        window.location.reload()
77 
      })
 71 
      })
78 
      .catch((err) => console.log('>>: err > ', err))
 - 
 
79 
  }
 72 
      .catch((err) => console.log('>>: err > ', err))
80 
 
 73 
  }
81 
  return (
 74 
 
82 
    <>
 75 
  return (
83 
      <Cover cover={cover} id={groupId} type="group" />
 76 
    <>
Línea 246... Línea 239...
246 
      </main>
 239 
      </main>
247 
    </>
 240 
    </>
248 
  )
 241 
  )
249 
}
 242 
}
Línea 250... Línea -...
250 
 
 - 
 
251 
const mapDispatchToProps = {
 - 
 
252 
  setTimelineUrl: (url) => setTimelineUrl(url),
 - 
 
253 
  addNotification: (notification) => addNotification(notification),
 - 
 
254 
}
 - 
 
255 
 
 243