import React from 'react'
import { createRoot } from 'react-dom/client';
import RequestDetailsComponent from '../pages/request-details/RequestDetailsComponent';
import { HttpService } from '../core/services/http.service';
import { RequestContext } from '../pages/request-details/Request.context';
import { IRequestDetailsPageProps } from '../pages/request-details/request.model';
import DateUtilObj from '../core/utils/date.util';
import { EntityHighlighterService } from '../modules/request-details/services/entity-highlight-service';


function RequestDetailsPage(props: IRequestDetailsPageProps, container: Element) {
    const { HttpCommand, DateUtil, ChatSimulatorView, request } = props;
    HttpService.setHttpCommand(HttpCommand);
    DateUtilObj.setDateUtil(DateUtil);
    EntityHighlighterService.resetEntities();

    const root = createRoot(container);
    return root.render(
        <RequestContext.Provider value={request}>
            <RequestDetailsComponent {...{ ChatSimulatorView }} />
        </RequestContext.Provider>
    );
}

export default RequestDetailsPage;