From 13406b688eb95ce1ab6ffbaf772eb75f456b47e6 Mon Sep 17 00:00:00 2001
From: Billy Lo <billylo1@gmail.com>
Date: Tue, 21 Sep 2021 23:17:45 -0400
Subject: [PATCH] added some extra debug code to troubleshoot Object Not found
 problem.

---
 components/Form.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/Form.tsx b/components/Form.tsx
index 9cc98b4..cb54578 100644
--- a/components/Form.tsx
+++ b/components/Form.tsx
@@ -17,6 +17,7 @@ import Colors from './Colors';
 import {isChrome, isIOS, isIPad13, isMacOs, isSafari, deviceDetect, osName, osVersion} from 'react-device-detect';
 import * as Sentry from '@sentry/react';
 import { counterReset } from 'html2canvas/dist/types/css/property-descriptors/counter-reset';
+import { color } from 'html2canvas/dist/types/css/types/color';
 
 
 function Form(): JSX.Element {
@@ -215,7 +216,7 @@ function Form(): JSX.Element {
 
                 console.log('> generatePass');
 
-                payloadBody = await getPayloadBodyFromFile(file, color);
+                payloadBody = await getPayloadBodyFromFile(file, COLORS.GREEN);
                 await incrementCount();
 
                 let pass = await PassData.generatePass(payloadBody);
@@ -227,8 +228,15 @@ function Form(): JSX.Element {
 
         } catch (e) {
             console.error(e);
-            setErrorMessage(e.message);
+
             Sentry.captureException(e);
+
+            if (e.message != undefined) {
+                setErrorMessage(e.message);
+            } else {
+                setErrorMessage("Unable to continue.");
+            }
+
             setLoading(false);
         }
     }
@@ -248,7 +256,7 @@ function Form(): JSX.Element {
         let payloadBody: PayloadBody;
 
         try {
-            payloadBody = await getPayloadBodyFromFile(file, null);
+            payloadBody = await getPayloadBodyFromFile(file, COLORS.GREEN);
             await incrementCount();
 
             let photoBlob = await Photo.generatePass(payloadBody);