fix(shared): optional check on error

sites/shared/components/workbench/exporting/index.js

@@ -2,10 +2,9 @@ import { useState } from 'react'
 import { useTranslation } from 'next-i18next'
 import Popout from 'shared/components/popout'
 import WebLink from 'shared/components/web-link'
-import {exportTypes, handleExport} from './export-handler'
+import { exportTypes, handleExport } from './export-handler'
 
 const ExportDraft = ({ gist, design, app }) => {
-
   const [link, setLink] = useState(false)
   const [error, setError] = useState(false)
   const [format, setFormat] = useState(false)
@@ -15,11 +14,23 @@ const ExportDraft = ({ gist, design, app }) => {
     setLink(false)
     setError(false)
     setFormat(format)
-    handleExport(format, gist, design, t, app, (e) => {
-      if (e.data.link) {setLink(e.data.link)}
-    }, (e) => {
-      if (e.data.error) {setError(true)}
-    })
+    handleExport(
+      format,
+      gist,
+      design,
+      t,
+      app,
+      (e) => {
+        if (e.data.link) {
+          setLink(e.data.link)
+        }
+      },
+      (e) => {
+        if (e.data?.error) {
+          setError(true)
+        }
+      }
+    )
   }
 
   return (
@@ -28,30 +39,23 @@ const ExportDraft = ({ gist, design, app }) => {
       <p className="text-lg sm:text-xl">{t('exportPattern-txt')}</p>
       {link && (
         <Popout link compact>
-          <span className="font-bold mr-4 uppercase text-sm">
-            {format}:
-          </span>
+          <span className="font-bold mr-4 uppercase text-sm">{format}:</span>
           <WebLink href={link} txt={link} />
         </Popout>
       )}
       {error && (
         <Popout warning compact>
-          <span className="font-bold mr-4 uppercase text-sm">
-            {t('error')}:
-          </span>
+          <span className="font-bold mr-4 uppercase text-sm">{t('error')}:</span>
           {t('somethingWentWrong')}
         </Popout>
       )}
       <div className="flex flex-row flex-wrap gap-8">
-        {Object.keys(exportTypes).map(type => (
+        {Object.keys(exportTypes).map((type) => (
           <div key={type} className="flex flex-col gap-2 w-full sm:w-auto">
             <h4>{t(type)}</h4>
-            {exportTypes[type].map(format => (
-              <button key={format}
-                className="btn btn-primary"
-                onClick={() => doExport(format)}
-              >
-                {type === 'exportForPrinting' ? `${format} pdf` : format }
+            {exportTypes[type].map((format) => (
+              <button key={format} className="btn btn-primary" onClick={() => doExport(format)}>
+                {type === 'exportForPrinting' ? `${format} pdf` : format}
               </button>
             ))}
           </div>