Resolved bulk printing & status for printing items. IO-690

client/src/components/print-center-speed-print/print-center-speed-print.component.jsx

@@ -1,11 +1,11 @@
 import { Button, List, Typography } from "antd";
-import React from "react";
+import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import { selectBodyshop } from "../../redux/user/user.selectors";
-import { GenerateDocument } from "../../utils/RenderTemplate";
+import { GenerateDocuments } from "../../utils/RenderTemplate";
 import { TemplateList } from "../../utils/TemplateConstants";
 
 const mapStateToProps = createStructuredSelector({
@@ -16,26 +16,19 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function PrintCenterSpeedPrint({ bodyshop, jobId }) {
+  const [loading, setLoading] = useState(false);
   const { speedprint } = bodyshop;
   const { t } = useTranslation();
 
-  const renderTemplate = async (templateKey) => {
-    logImEXEvent("speed_print_template_render");
-
-    GenerateDocument(
-      {
-        name: templateKey,
-        variables: { id: jobId },
-      },
-      {},
-      "p"
-    );
-  };
-
-  const renderAllTemplates = (templateKeys) => {
+  const renderAllTemplates = async (templateKeys) => {
     logImEXEvent("speed_print_render_all_templates");
-
-    templateKeys.forEach((templateKey) => renderTemplate(templateKey));
+    setLoading(true);
+    await GenerateDocuments(
+      templateKeys.map((key) => {
+        return { name: key, variables: { id: jobId } };
+      })
+    );
+    setLoading(false);
   };
 
   return (
@@ -50,7 +43,10 @@ export function PrintCenterSpeedPrint({ bodyshop, jobId }) {
         renderItem={(sp) => (
           <List.Item
             actions={[
-              <Button onClick={() => renderAllTemplates(sp.templates)}>
+              <Button
+                loading={loading}
+                onClick={() => renderAllTemplates(sp.templates)}
+              >
                 Print All
               </Button>,
             ]}