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

Theme change & layout updates. Removed template editor.

Browse Source
This commit is contained in:
Patrick Fic
2021-02-24 09:18:02 -08:00
parent 46014261d6
commit 57600a1e5a
7 changed files with 7117 additions and 8806 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
client/src/pages/shop-templates/shop-templates.container.js
View File

@@ -1,56 +1,56 @@
import { Button } from "antd";
import React, { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
import ShopTemplateEditor from "../../components/shop-template-editor/shop-template-editor.container";
import ShopTemplatesListContainer from "../../components/shop-templates-list/shop-templates-list.container";
import {
setBreadcrumbs,
setSelectedHeader,
} from "../../redux/application/application.actions";
import { selectBodyshop } from "../../redux/user/user.selectors";
// import { Button } from "antd";
// import React, { useEffect, useState } from "react";
// import { useTranslation } from "react-i18next";
// import { connect } from "react-redux";
// import { createStructuredSelector } from "reselect";
// import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
// import ShopTemplateEditor from "../../components/shop-template-editor/shop-template-editor.container";
// import ShopTemplatesListContainer from "../../components/shop-templates-list/shop-templates-list.container";
// import {
// setBreadcrumbs,
// setSelectedHeader,
// } from "../../redux/application/application.actions";
// import { selectBodyshop } from "../../redux/user/user.selectors";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
const mapDispatchToProps = (dispatch) => ({
setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
});
// const mapStateToProps = createStructuredSelector({
// bodyshop: selectBodyshop,
// });
// const mapDispatchToProps = (dispatch) => ({
// setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
// setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
// });
export function ShopTemplatesContainer({
setBreadcrumbs,
bodyshop,
setSelectedHeader,
}) {
const { t } = useTranslation();
const drawerVisibility = useState(false);
useEffect(() => {
document.title = t("titles.shop-templates");
setSelectedHeader("shop-templates");
setBreadcrumbs([
{
link: "/manage/shop",
label: t("titles.bc.shop", { shopname: bodyshop.shopname }),
},
{ link: "/manage/shop/templates", label: t("titles.bc.shop-templates") },
]);
}, [t, setBreadcrumbs, bodyshop.shopname, setSelectedHeader]);
// export function ShopTemplatesContainer({
// setBreadcrumbs,
// bodyshop,
// setSelectedHeader,
// }) {
// const { t } = useTranslation();
// const drawerVisibility = useState(false);
// useEffect(() => {
// document.title = t("titles.shop-templates");
// setSelectedHeader("shop-templates");
// setBreadcrumbs([
// {
// link: "/manage/shop",
// label: t("titles.bc.shop", { shopname: bodyshop.shopname }),
// },
// { link: "/manage/shop/templates", label: t("titles.bc.shop-templates") },
// ]);
// }, [t, setBreadcrumbs, bodyshop.shopname, setSelectedHeader]);
return (
<RbacWrapper action="shop:templates">
<div>
<ShopTemplatesListContainer visibleState={drawerVisibility} />
<Button onClick={() => drawerVisibility[1](true)}>Show List</Button>
<ShopTemplateEditor />
</div>
</RbacWrapper>
);
}
// return (
// <RbacWrapper action="shop:templates">
// <div>
// <ShopTemplatesListContainer visibleState={drawerVisibility} />
// <Button onClick={() => drawerVisibility[1](true)}>Show List</Button>
// <ShopTemplateEditor />
// </div>
// </RbacWrapper>
// );
// }
export default connect(
mapStateToProps,
mapDispatchToProps
)(ShopTemplatesContainer);
// export default connect(
// mapStateToProps,
// mapDispatchToProps
// )(ShopTemplatesContainer);