@@ -1,12 +1,12 @@
|
||||
import { Drawer, Grid } from "antd";
|
||||
import {Drawer, Grid} from "antd";
|
||||
import React from "react";
|
||||
import { useNavigate, useSearchParams } from "react-router-dom";
|
||||
import {useNavigate, useSearchParams} from "react-router-dom";
|
||||
import VendorsFormContainer from "../../components/vendors-form/vendors-form.container";
|
||||
import VendorsListContainer from "../../components/vendors-list/vendors-list.container";
|
||||
|
||||
export default function ShopVendorPageComponent() {
|
||||
const [searchParams] = useSearchParams();
|
||||
const { selectedvendor } = Object.fromEntries(searchParams);
|
||||
const {selectedvendor} = Object.fromEntries(searchParams);
|
||||
const navigate = useNavigate();
|
||||
|
||||
const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
|
||||
@@ -27,16 +27,16 @@ export default function ShopVendorPageComponent() {
|
||||
|
||||
return (
|
||||
(<div>
|
||||
<VendorsListContainer />
|
||||
<VendorsListContainer/>
|
||||
<Drawer
|
||||
width={drawerPercentage}
|
||||
onClose={() => {
|
||||
searchParams.delete("selectedvendor");
|
||||
navigate({ search: searchParams.toString() });
|
||||
navigate({search: searchParams.toString()});
|
||||
}}
|
||||
open={selectedvendor}
|
||||
>
|
||||
<VendorsFormContainer />
|
||||
<VendorsFormContainer/>
|
||||
</Drawer>
|
||||
</div>)
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user