admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reformat all project files to use the prettier config file.

Browse Source
This commit is contained in:
Patrick Fic
2024-03-27 15:35:07 -07:00
parent b161530381
commit e1df64d592
873 changed files with 111387 additions and 125473 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
client/src/pages/shop-vendor/shop-vendor.page.component.jsx generated
View File

@@ -1,43 +1,41 @@
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 navigate = useNavigate();
const [searchParams] = useSearchParams();
const { selectedvendor } = Object.fromEntries(searchParams);
const navigate = useNavigate();
const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
.filter((screen) => !!screen[1])
.slice(-1)[0];
const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
.filter((screen) => !!screen[1])
.slice(-1)[0];
const bpoints = {
xs: "100%",
sm: "100%",
md: "100%",
lg: "50%",
xl: "50%",
xxl: "45%",
};
const drawerPercentage = selectedBreakpoint
? bpoints[selectedBreakpoint[0]]
: "100%";
const bpoints = {
xs: "100%",
sm: "100%",
md: "100%",
lg: "50%",
xl: "50%",
xxl: "45%"
};
const drawerPercentage = selectedBreakpoint ? bpoints[selectedBreakpoint[0]] : "100%";
return (
(<div>
<VendorsListContainer/>
<Drawer
width={drawerPercentage}
onClose={() => {
searchParams.delete("selectedvendor");
navigate({search: searchParams.toString()});
}}
open={selectedvendor}
>
<VendorsFormContainer/>
</Drawer>
</div>)
);
}
return (
<div>
<VendorsListContainer />
<Drawer
width={drawerPercentage}
onClose={() => {
searchParams.delete("selectedvendor");
navigate({ search: searchParams.toString() });
}}
open={selectedvendor}
>
<VendorsFormContainer />
</Drawer>
</div>
);
}

71
client/src/pages/shop-vendor/shop-vendor.page.container.jsx
View File

@@ -1,48 +1,47 @@
import React, {useEffect} from "react";
import {useTranslation} from "react-i18next";
import React, { useEffect } from "react";
import { useTranslation } from "react-i18next";
import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
import ShopVendorPageComponent from "./shop-vendor.page.component";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {selectBodyshop} from "../../redux/user/user.selectors";
import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
import InstanceRenderManager from '../../utils/instanceRenderMgr';
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import { setBreadcrumbs, setSelectedHeader } from "../../redux/application/application.actions";
import InstanceRenderManager from "../../utils/instanceRenderMgr";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
bodyshop: selectBodyshop
});
const mapDispatchToProps = (dispatch) => ({
setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
setSelectedHeader: (key) => dispatch(setSelectedHeader(key))
});
export function ShopVendorPageContainer({
bodyshop,
setBreadcrumbs,
setSelectedHeader,
}) {
const {t} = useTranslation();
useEffect(() => {
document.title = t("titles.shop_vendors", {app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})} );
setSelectedHeader("shop-vendors");
setBreadcrumbs([
{
link: "/manage/shop",
label: t("titles.bc.shop", {shopname: bodyshop.shopname}),
},
{link: "/manage/shop/vendors", label: t("titles.bc.shop-vendors")},
]);
}, [t, bodyshop.shopname, setBreadcrumbs, setSelectedHeader]);
export function ShopVendorPageContainer({ bodyshop, setBreadcrumbs, setSelectedHeader }) {
const { t } = useTranslation();
useEffect(() => {
document.title = t("titles.shop_vendors", {
app: InstanceRenderManager({
imex: "$t(titles.imexonline)",
rome: "$t(titles.romeonline)",
promanager: "$t(titles.promanager)"
})
});
setSelectedHeader("shop-vendors");
setBreadcrumbs([
{
link: "/manage/shop",
label: t("titles.bc.shop", { shopname: bodyshop.shopname })
},
{ link: "/manage/shop/vendors", label: t("titles.bc.shop-vendors") }
]);
}, [t, bodyshop.shopname, setBreadcrumbs, setSelectedHeader]);
return (
<RbacWrapper action="shop:vendors">
<ShopVendorPageComponent/>
</RbacWrapper>
);
return (
<RbacWrapper action="shop:vendors">
<ShopVendorPageComponent />
</RbacWrapper>
);
}
export default connect(
mapStateToProps,
mapDispatchToProps
)(ShopVendorPageContainer);
export default connect(mapStateToProps, mapDispatchToProps)(ShopVendorPageContainer);