31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
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 refetchDeals={async () => {
|
|
}}>{children}</DealPageContextProvider>;
|
|
};
|
|
export const DealPage = () => {
|
|
const { dealId } = useParams({ strict: false });
|
|
return (
|
|
<DealPageWrapper>
|
|
<DealPageContent dealId={parseInt(dealId || "-1")} />
|
|
</DealPageWrapper>
|
|
);
|
|
};
|