Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 655 Rev 1460
Línea 1... Línea 1...
1 
import React, { useState, useEffect } from 'react'
 1 
import React, { useState, useEffect } from 'react'
2 
import { axios } from '../../utils'
 - 
 
3 
import { Modal } from 'react-bootstrap'
 - 
 
4 
import { addNotification } from 'store/notification/notification.actions'
 - 
 
5 
import { useDispatch } from 'react-redux'
 2 
import { useDispatch } from 'react-redux'
Línea -... Línea 3...
- 
 
 3 
 
- 
 
 4 
import { axios } from 'utils/index'
- 
 
 5 
import { addNotification } from '../../redux/notification/notification.actions'
- 
 
 6 
 
- 
 
 7 
import Modal from 'components/UI/modal/Modal'
6 
 
 8 
 
7 
const AddMemberModal = ({
 9 
const AddMemberModal = ({
8 
  isShow = false,
 10 
  isShow = false,
9 
  linkInvite = '',
 11 
  linkInvite = '',
10 
  handleClose = function () {}
 12 
  handleClose = function () {}
Línea 14... Línea 16...
14 
  const dispatch = useDispatch()
 16 
  const dispatch = useDispatch()
Línea 15... Línea 17...
15 
 
 17 
 
Línea 16... Línea 18...
16 
  const handleChange = ({ target }) => setSearch(target.value)
 18 
  const handleChange = ({ target }) => setSearch(target.value)
17 
 
 19 
 
18 
  const searchMember = (url, search) => {
 - 
 
19 
    if (!url) {
 - 
 
20 
      return
 - 
 
21 
    }
 20 
  const searchMember = (url, search) => {
22 
 
 21 
    if (!url) return
23 
    axios
 22 
    axios
24 
      .get(url + '?search=' + search)
 23 
      .get(url + '?search=' + search)
25 
      .then(({ data: responseData }) => {
 24 
      .then(({ data: responseData }) => {
Línea 54... Línea 53...
54 
  useEffect(() => {
 53 
  useEffect(() => {
55 
    searchMember(linkInvite, search)
 54 
    searchMember(linkInvite, search)
56 
  }, [search, linkInvite])
 55 
  }, [search, linkInvite])
Línea 57... Línea 56...
57 
 
 56 
 
58 
  return (
 - 
 
59 
    <Modal show={isShow} onHide={handleClose}>
 57 
  return (
60 
      <Modal.Header closeButton>
 58 
    <Modal
61 
        <h3>Escribe el nombre</h3>
 59 
      title='Agregar miembro'
62 
      </Modal.Header>
 60 
      show={isShow}
63 
      <Modal.Body>
 61 
      onClose={handleClose}
- 
 
 62 
      showFooter={false}
64 
        <div className='container'>
 63 
    >
65 
          <div className='mb-2'>
 64 
      <div className='mb-2'>
66 
            <input
 65 
        <input
67 
              onChange={handleChange}
 66 
          onChange={handleChange}
- 
 
 67 
          name='search'
68 
              name='search'
 68 
          className='form-control'
69 
              placeholder='Escribe el nombre del usuario'
 69 
          placeholder='Escribe el nombre del usuario'
70 
            />
 70 
        />
- 
 
 71 
      </div>
71 
          </div>
 72 
 
72 
          <ul className='d-flex flex-column w-100' style={{ gap: '1rem' }}>
 73 
      <ul className='d-flex flex-column w-100' style={{ gap: '1rem' }}>
73 
            {users.map((element, index) => (
 74 
        {users.map((element, index) => (
74 
              <li key={index}>
 75 
          <li key={index}>
75 
                <div
 76 
            <div
76 
                  className='d-flex align-items-center justify-content-between flex-column flex-md-row'
 77 
              className='d-flex align-items-center justify-content-between flex-column flex-md-row'
77 
                  style={{ gap: '.5rem' }}
 78 
              style={{ gap: '.5rem' }}
78 
                >
 79 
            >
79 
                  <span>{element.text}</span>
 80 
              <span>{element.text}</span>
80 
                  <button
 81 
              <button
81 
                    className='btn btn-primary'
 82 
                className='btn btn-primary'
82 
                    onClick={() => invite(element.value)}
 83 
                onClick={() => invite(element.value)}
83 
                  >
 84 
              >
84 
                    Invitar
 85 
                Invitar
85 
                  </button>
 86 
              </button>
86 
                </div>
 87 
            </div>
87 
              </li>
 88 
          </li>
88 
            ))}
 89 
        ))}
89 
          </ul>
 - 
 
90 
        </div>
 - 
 
91 
      </Modal.Body>
 90 
      </ul>
92 
    </Modal>
 91 
    </Modal>
93 
  )
 92 
  )
Línea 94... Línea 93...
94 
}
 93 
}