import React from 'react';
import ReactDOM from "react-dom";
import {Visit} from "../../../../models/DPass/Visit";
import mass from '../../../../assets/images/mass-invitation.svg'
import group from '../../../../assets/images/group-invitation.svg'
import useLoading from "../../../../hooks/useLoading";
import {RecordsResponse} from "../../../../models/Axios";
import '../../../UI/Modal/ActionsModal/ActionsModal.scss';
import './ticket-list.scss';
import DuaLoader from '../../../UI/Loader/DuaLoader/DuaLoader';


type VisitsListProps = {
    visits: RecordsResponse<Visit>,
    updateVisits: () => void
    canEdit: boolean
}

const TypeMap = {
    'single': '',
    'mass': mass,
    'group': group,
}

const TicketList = ({visits, updateVisits, canEdit}: VisitsListProps) => {
    const [isLoading, setIsLoading] = useLoading(true)

    return (
        <>
            {
                isLoading &&
                ReactDOM.createPortal(
                    <div className="dua-loader-portal">
                        <DuaLoader/>
                    </div>,
                    document.body
                )
            }
        </>
    );
}

export default TicketList;