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

74
client/src/components/shop-template-editor/shop-template-editor.container.jsx
View File

@@ -1,41 +1,41 @@
import { useQuery } from "@apollo/client";
import queryString from "query-string";
import React, { useState } from "react";
import { useLocation } from "react-router-dom";
import { QUERY_TEMPLATE_BY_PK } from "../../graphql/templates.queries";
import AlertComponent from "../alert/alert.component";
import LoadingSpinner from "../loading-spinner/loading-spinner.component";
import ShopTemplateEditorComponent from "./shop-template-editor.component";
// import { useQuery } from "@apollo/client";
// import queryString from "query-string";
// import React, { useState } from "react";
// import { useLocation } from "react-router-dom";
// import { QUERY_TEMPLATE_BY_PK } from "../../graphql/templates.queries";
// import AlertComponent from "../alert/alert.component";
// import LoadingSpinner from "../loading-spinner/loading-spinner.component";
// import ShopTemplateEditorComponent from "./shop-template-editor.component";
export default function ShopTemplateEditorContainer() {
const search = queryString.parse(useLocation().search);
const editorState = useState({ html: "", gql: "" });
// export default function ShopTemplateEditorContainer() {
// const search = queryString.parse(useLocation().search);
// const editorState = useState({ html: "", gql: "" });
const { loading, error, data } = useQuery(QUERY_TEMPLATE_BY_PK, {
variables: {
templateId: search.customTemplateId,
},
skip: !!!search.customTemplateId,
});
// const { loading, error, data } = useQuery(QUERY_TEMPLATE_BY_PK, {
// variables: {
// templateId: search.customTemplateId,
// },
// skip: !!!search.customTemplateId,
// });
if (!!!search.customTemplateId) return <span>No selection.</span>;
if (error) return <AlertComponent message={error.message} type="error" />;
// if (!!!search.customTemplateId) return <span>No selection.</span>;
// if (error) return <AlertComponent message={error.message} type="error" />;
return (
<div>
{loading ? (
<LoadingSpinner />
) : (
<ShopTemplateEditorComponent
templateId={search.customTemplateId}
json={
data && data.templates_by_pk && data.templates_by_pk.jsontemplate
}
gql={data && data.templates_by_pk ? data.templates_by_pk.query : ""}
editorState={editorState}
/>
)}
{data && data.templates_by_pk ? data.templates_by_pk.name : ""}
</div>
);
}
// return (
// <div>
// {loading ? (
// <LoadingSpinner />
// ) : (
// <ShopTemplateEditorComponent
// templateId={search.customTemplateId}
// json={
// data && data.templates_by_pk && data.templates_by_pk.jsontemplate
// }
// gql={data && data.templates_by_pk ? data.templates_by_pk.query : ""}
// editorState={editorState}
// />
// )}
// {data && data.templates_by_pk ? data.templates_by_pk.name : ""}
// </div>
// );
// }