Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 5 Rev 46
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from "react";
2 
import { axios } from '../../utils'
 2 
import { axios } from "../../utils";
3 
import { Modal } from 'react-bootstrap'
 3 
import { Modal } from "react-bootstrap";
4 
import { useSelector } from 'react-redux'
 4 
import { useSelector } from "react-redux";
- 
 
 5 
import CheckIcon from "@mui/icons-material/Check";
Línea 5... Línea 6...
5 
 
 6 
 
6 
const StartConversationModal = ({ show, setConversation, onClose }) => {
 7 
const StartConversationModal = ({ show, setConversation, onClose }) => {
Línea 7... Línea 8...
7 
  const [inmailPersons, setInmailPersons] = useState([])
 8 
  const [inmailPersons, setInmailPersons] = useState([]);
8 
 
 9 
 
Línea 9... Línea 10...
9 
  const [search, setSearch] = useState('')
 10 
  const [search, setSearch] = useState("");
10 
  const labels = useSelector(({ intl }) => intl.labels)
 11 
  const labels = useSelector(({ intl }) => intl.labels);
11 
 
 12 
 
Línea 12... Línea 13...
12 
  const handleSearch = ({ target }) => {
 13 
  const handleSearch = ({ target }) => {
13 
    setSearch(target.value)
 14 
    setSearch(target.value);
- 
 
 15 
  };
14 
  }
 16 
 
- 
 
 17 
  const searchUsers = async (value) => {
15 
 
 18 
    try {
16 
  const searchUsers = async (value) => {
 19 
      const { data } = await axios.get(
17 
    try {
 20 
        "/helpers/search-people?search=" + value
18 
      const { data } = await axios.get('/helpers/search-people?search=' + value)
 21 
      );
19 
      if (data.success) setInmailPersons(data.data)
 22 
      if (data.success) setInmailPersons(data.data);
Línea 20... Línea 23...
20 
    } catch (error) {
 23 
    } catch (error) {
21 
      console.log('>>: error > ', error)
 24 
      console.log(">>: error > ", error);
22 
    }
 25 
    }
23 
  }
 26 
  };
24 
 
 27 
 
25 
  const handleInmailPerson = (uuid) => {
 28 
  const handleInmailPerson = (uuid) => {
26 
    axios.get(`/inmail/${uuid}`).then(({ data }) => {
 29 
    axios.get(`/inmail/${uuid}`).then(({ data }) => {
27 
      if (data.success) {
 30 
      if (data.success) {
28 
        const newConversation = data.data.find(
 31 
        const newConversation = data.data.find(
Línea 29... Línea 32...
29 
          (conversation) => conversation.uuid === uuid
 32 
          (conversation) => conversation.uuid === uuid
30 
        )
 33 
        );
Línea 31... Línea 34...
31 
        setConversation(newConversation)
 34 
        setConversation(newConversation);
32 
      }
 35 
      }
33 
    })
 36 
    });
Línea 34... Línea 37...
34 
 
 37 
 
35 
    onClose()
 38 
    onClose();
36 
  }
 39 
  };
37 
 
 40 
 
Línea 65... Línea 68...
65 
                <div className="col-4">
 68 
                <div className="col-4">
66 
                  <button
 69 
                  <button
67 
                    className="btn btn-primary"
 70 
                    className="btn btn-primary"
68 
                    onClick={() => handleInmailPerson(person.value)}
 71 
                    onClick={() => handleInmailPerson(person.value)}
69 
                  >
 72 
                  >
70 
                    <i className="fa fa-check" />
 73 
                    <CheckIcon />
71 
                  </button>
 74 
                  </button>
72 
                </div>
 75 
                </div>
73 
              </div>
 76 
              </div>
74 
            )
 77 
            );
75 
          })}
 78 
          })}
76 
        </div>
 79 
        </div>
77 
      </Modal.Body>
 80 
      </Modal.Body>
78 
    </Modal>
 81 
    </Modal>
79 
  )
 82 
  );
80 
}
 83 
};
Línea 81... Línea 84...
81 
 
 84