Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5793 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5793 Rev 5796
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { addNotification } from '../../../redux/notification/notification.actions'
 - 
 
3 
import { axios } from '../../../utils'
 2 
import { axios } from '../../../utils'
- 
 
 3 
import { addNotification } from '../../../redux/notification/notification.actions'
- 
 
 4 
 
4 
import AddMemberModal from './AddMemberModal'
 5 
import AddMemberModal from './AddMemberModal'
5 
import MembersModal from './MembersModal'
 6 
import MembersModal from './MembersModal'
6 
import MemberTemplate from './MemberTemplate'
 7 
import MemberTemplate from './MemberTemplate'
Línea 7... Línea 8...
7 
 
 8 
 
8 
const GroupMembersHelper = ({ groupId, handleFirstLinkInvite }) => {
 9 
const GroupMembersHelper = ({ groupId }) => {
9 
  const [members, setMembers] = useState([])
 10 
  const [members, setMembers] = useState([])
10 
  const [addModalShow, setAddModalShow] = useState(false)
 11 
  const [addModalShow, setAddModalShow] = useState(false)
11 
  const [showMembersModal, setShowMembersModal] = useState(false)
 12 
  const [showMembersModal, setShowMembersModal] = useState(false)
Línea 12... Línea 13...
12 
  const [linkInvite, setLinkInvite] = useState('')
 13 
  const [linkInvite, setLinkInvite] = useState('')
13 
 
 14 
 
14 
  const load = () => {
 15 
  const load = () => {
15 
    axios.get(`/helpers/group-members/${groupId}`).then(({ data }) => {
 16 
    axios.get(`/helpers/group-members/${groupId}`).then(({ data }) => {
16 
      if (data.success) {
 17 
      if (data.success) {
17 
        setMembers(data.data.items)
 - 
 
18 
        setLinkInvite(data.data.link_invite)
 18 
        setMembers(data.data.items)
19 
        handleFirstLinkInvite(data.data.link_invite)
 19 
        setLinkInvite(data.data.link_invite)
20 
      }
 20 
      }
Línea 21... Línea -...
21 
    })
 - 
 
22 
  }
 - 
 
23 
 
 21 
    })
24 
  useEffect(() => load(), [])
 22 
  }
25 
 
 23 
 
26 
  const handleAction = (url) => {
 24 
  const handleAction = (url) => {
27 
    const params = new FormData()
 25 
    const params = new FormData()
Línea 43... Línea 41...
43 
  const closeAddModal = () => {
 41 
  const closeAddModal = () => {
44 
    setAddModalShow(false)
 42 
    setAddModalShow(false)
45 
    load()
 43 
    load()
46 
  }
 44 
  }
Línea -... Línea 45...
- 
 
 45 
 
- 
 
 46 
  useEffect(() => load(), [])
47 
 
 47 
 
48 
  return (
 48 
  return (
49 
    <>
 49 
    <>
50 
      <AddMemberModal
 50 
      <AddMemberModal
51 
        isShow={addModalShow}
 51 
        isShow={addModalShow}
Línea 57... Línea 57...
57 
        handleClose={() => setShowMembersModal(!showMembersModal)}
 57 
        handleClose={() => setShowMembersModal(!showMembersModal)}
58 
        members={members}
 58 
        members={members}
59 
        handleAction={handleAction}
 59 
        handleAction={handleAction}
60 
      />
 60 
      />
61 
      <div className="members-container">
 61 
      <div className="members-container">
62 
        {!!linkInvite && (
 62 
        {linkInvite && (
63 
          <button
 63 
          <button
64 
            onClick={() => setAddModalShow(!addModalShow)}
 64 
            onClick={() => setAddModalShow(!addModalShow)}
65 
            className="btn btn-primary btn-sm w-100"
 65 
            className="btn btn-primary btn-sm w-100"
66 
          >
 66 
          >
67 
            Añadir miembros
 67 
            Añadir miembros