feat: billing guest access

src/pages/DealPage/ui/DealPage.tsx

@@ -0,0 +1,38 @@
+import {useParams} from "@tanstack/react-router";
+import {DealPageContextProvider, useDealPageContext} from "../../LeadsPage/contexts/DealPageContext.tsx";
+import ProductAndServiceTab from "../../LeadsPage/tabs/ProductAndServiceTab/ProductAndServiceTab.tsx";
+import {FC, useEffect} from "react";
+import {DealService} from "../../../client";
+
+export type Props = {
+    dealId: number;
+}
+const DealPageContent: FC<Props> = ({dealId}) => {
+    const {setSelectedDeal} = useDealPageContext();
+    useEffect(() => {
+        DealService.getDealById({dealId}).then(deal => {
+            setSelectedDeal(deal);
+        })
+    }, []);
+    return (
+        <ProductAndServiceTab/>
+    )
+}
+const DealPageWrapper: FC<{ children: React.ReactNode }> = ({children}) => {
+    return (
+        <DealPageContextProvider>
+            {children}
+        </DealPageContextProvider>
+    )
+}
+export const DealPage = () => {
+    const {dealId} = useParams({strict: false});
+    return (
+
+
+        <DealPageWrapper>
+            <DealPageContent dealId={parseInt(dealId || "-1")}/>
+        </DealPageWrapper>
+
+    )
+}