Files
Fulfillment-Frontend/src/pages/MarketplacesPage/ui/MarketplacesPage.tsx
2024-09-27 04:47:04 +03:00

27 lines
1002 B
TypeScript

import styles from "./MarketplacesPage.module.css";
import PageBlock from "../../../components/PageBlock/PageBlock.tsx";
import ClientSelectNew from "../../../components/Selects/ClientSelectNew/ClientSelectNew.tsx";
import useMarketplacesPageState from "../hooks/useMarketplacesPageState.tsx";
import MarketplacesTable from "../components/MarketplacesTable/MarketplacesTable.tsx";
export const MarketplacesPage = () => {
const state = useMarketplacesPageState();
return (
<div className={styles["container"]}>
<PageBlock>
<div className={styles["top-panel"]}>
<ClientSelectNew
placeholder={"Выберите клиента"}
onChange={state.setClient}
/>
</div>
</PageBlock>
<PageBlock>
<>
<MarketplacesTable {...state} />
</>
</PageBlock>
</div>
);
};