Added deleting of custom templates for BOD-85.

client/src/components/shop-template-editor/shop-template-editor.component.jsx

@@ -1,7 +1,7 @@
 import { Editor } from "@tinymce/tinymce-react";
 import React, { useEffect } from "react";
 import ShopTemplateEditorSaveButton from "../shop-template-editor-save-button/shop-template-editor-save-button.component";
-
+import { Input } from "antd";
 export default function ShopTemplateEditorComponent({
   templateId,
   html,
@@ -11,14 +11,12 @@ export default function ShopTemplateEditorComponent({
   const [editorContent, seteditorContent] = editorState;
 
   useEffect(() => {
-    console.log("HTML UE");
     seteditorContent((prevstate) => {
       return { ...prevstate, html: html };
     });
   }, [html, seteditorContent]);
 
   useEffect(() => {
-    console.log("gql UE");
     seteditorContent((prevstate) => {
       return { ...prevstate, gql: gql };
     });
@@ -26,13 +24,11 @@ export default function ShopTemplateEditorComponent({
 
   return (
     <div>
-      Editor Here. template Editor
       <ShopTemplateEditorSaveButton
         templateId={templateId}
         html={editorContent.html}
         gql={editorContent.gql}
       />
-      TEMPLATE
       <Editor
         value={editorContent.html}
         apiKey='f3s2mjsd77ya5qvqkee9vgh612cm6h41e85efqakn2d0kknk' //TODO Pull this into app var
@@ -55,37 +51,13 @@ export default function ShopTemplateEditorComponent({
         }
       />
       QUERY
-      <Editor
+      <Input.TextArea
         value={editorContent.gql}
-        apiKey='f3s2mjsd77ya5qvqkee9vgh612cm6h41e85efqakn2d0kknk' //TODO Pull this into app var
-        init={{
-          height: 500,
-          //menubar: false,
-          encoding: "raw",
-          extended_valid_elements: "span",
-          //entity_encoding: "raw",
-          plugins: [],
-          toolbar: "undo redo",
-        }}
-        onEditorChange={(text) =>
-          seteditorContent({ ...editorContent, gql: text })
+        rows={8}
+        onChange={(e) =>
+          seteditorContent({ ...editorContent, gql: e.target.value })
         }
       />
     </div>
   );
 }
-
-// <GraphiQL
-// fetcher={async (graphQLParams) => {
-//   const data = await fetch(process.env.REACT_APP_GRAPHQL_ENDPOINT, {
-//     method: "POST",
-//     headers: {
-//       Accept: "application/json",
-//       "Content-Type": "application/json",
-//     },
-//     body: JSON.stringify(graphQLParams),
-//     credentials: "same-origin",
-//   });
-//   return data.json().catch(() => data.text());
-// }}
-// />