Files
magic-project/Modules/Taxi/resources/js/page/taxiOrderPage.tsx
T

38 lines
1.7 KiB
TypeScript

import { createRoot } from 'react-dom/client';
import React from 'react';
import '@SharePoint/rencredit_uikit/dist/static/fonts/mont/Mont.css';
import { AppProvider } from '../../../../../resources/js/providers/AppProvider.tsx';
import TaxiOrder from '../components/TaxiOrder.tsx';
const container:HTMLElement = document.getElementById('root')!;
const root = createRoot(container);
//ГАВРИЛОВ
//не забудь обернуть рендер editOrder так же в PopupProvider. И вообще это дубирование выглядит костыльно
//Гаврилов
//Спроси у дипсика насколько корректно таким образом получать аргументы из URLA
if (document.location.pathname.split('/').find(el => el === 'editOrder')) {
let rqstIdUrl = parseInt(document.location.pathname.split('/').pop());
root.render(
<AppProvider>
<TaxiOrder
rqstId = {rqstIdUrl}
/>
</AppProvider>
);
} else {
root.render(
<AppProvider>
{/* Не получится передавать контейнер попапов на этом этапе, так как компоненты приложения (формы Такси) должны иметь общего родителя с компонентом контейнеров попапов, иначе они не смогут знать через общий стейт какое состояние у набора попапов */}
{/* ГАВРИЛОВ ругается на указание параметра rqstId в TaxiPage? */}
{/* <TaxiOrderPage rqstId = {undefined}/> */}
<TaxiOrder
rqstId = {undefined}
/>
</AppProvider>
);
}