Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'
import { Modal } from "react-bootstrap";
import { axios } from '../../../../utils';

const ResendModal = ({ isOpen, closeModal, resendMessage, activeChat }) => {

    const [contactList, setContactList] = useState([]);

    const handleSubmit = (url) => {
        axios.post(url, resendMessage)
            .then(closeModal())
    }

    const getContactsList = () => {
        try {
            const { data } = await axios.get("/chat/heart-beat")
            if (data.success) {
                setContactList(data.data);
            }
            return data;
        } catch (error) {
            console.log('>>: chat error > ', error)
        }
    }

    useEffect(() => {
        getContactsList()
    }, []);

    return (
        <Modal
            show={isOpen}
            onHide={closeModal}
            autoFocus={false}
        >
            <Modal.Header closeButton>
                <Modal.Title>Reenviar a:</Modal.Title>
            </Modal.Header>
            <Modal.Body>
                {
                    loading
                        ?
                        <StyledSpinnerContainer>
                            <Spinner />
                        </StyledSpinnerContainer>
                        :
                        contactList.map(element => {
                            return (
                                <div
                                    className='row'
                                    key={element.id}
                                >
                                    <div
                                        className='col-8'
                                    >
                                        <p> {element.name} </p>
                                    </div>
                                    <div
                                        className='col-4'
                                    >
                                        <button
                                            className='btn btn-primary'
                                            onClick={() => handleSubmit(element.url_send)}
                                        >
                                            Enviar
                                        </button>
                                    </div>
                                </div>
                            )
                        })
                }
            </Modal.Body>
        </Modal >
    )
}

export default ResendModal