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