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

Moved inlining of CSS to server side IO-424

Browse Source
This commit is contained in:
Patrick Fic
2020-12-08 11:15:29 -08:00
parent 79910f6725
commit bb8343f966
8 changed files with 607 additions and 547 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
client/src/components/shop-template-test-render/shop-template-test-render.component.jsx
View File

@@ -1,7 +1,7 @@
import { Button } from "antd";
import axios from "axios";
import gql from "graphql-tag";
//import inlineCss from "inline-css";
import { JsonEditor as Editor } from "jsoneditor-react";
import "jsoneditor-react/es/editor.min.css";
import React, { useState } from "react";
@@ -32,31 +32,32 @@ export function ShopTemplateTestRender({
const handleTestRender = async () => {
try {
setLoading(true);
alert("IO-424 Blocks this.")
// emailEditorRef.current.exportHtml(async (data) => {
// inlineCss(data.html, {
// url: `${window.location.protocol}://${window.location.host}/`,
// }).then(async function (inlineHtml) {
// try {
// const { data: contextData } = await client.query({
// query: gql(query),
// variables: variables,
// fetchPolicy: "network-only",
// });
// const { data } = await axios.post("/render", {
// view: inlineHtml,
// context: { ...contextData, bodyshop: bodyshop },
// });
// displayTemplateInWindowNoprint(data);
emailEditorRef.current.exportHtml(async (data) => {
try {
const inlineHtml = await axios.post("/render/inlinecss", {
html: data.html,
url: `${window.location.protocol}://${window.location.host}/`,
});
// setLoading(false);
// } catch (error) {
// setLoading(false);
// alert(error);
// }
// });
// });
const { data: contextData } = await client.query({
query: gql(query),
variables: variables,
fetchPolicy: "network-only",
});
const renderResponse = await axios.post("/render", {
view: inlineHtml.data,
context: { ...contextData, bodyshop: bodyshop },
});
displayTemplateInWindowNoprint(renderResponse.data);
setLoading(false);
} catch (error) {
setLoading(false);
alert(error);
}
});
} catch (error) {
setLoading(false);
alert(error);