From 7e03a7bbe68c8aad7d2fa236edc0026062b0fbc5 Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Wed, 2 Jun 2021 12:13:35 -0700
Subject: [PATCH] =?UTF-8?q?=E3=80=B0=20Added=20error=20boundary=20to=20Car?=
 =?UTF-8?q?d=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/Card.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/client/components/Card.tsx b/src/client/components/Card.tsx
index 2e605a1..0289a56 100644
--- a/src/client/components/Card.tsx
+++ b/src/client/components/Card.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { IExtractedComicBookCoverFile } from "../../server/interfaces/folder.interface";
-import { map } from "lodash";
+import { map, isUndefined, isEmpty } from "lodash";
 
 interface IProps {
   comicBookCoversMetadata: IExtractedComicBookCoverFile[];
@@ -12,8 +12,10 @@ class Card extends React.Component<IProps, IState> {
     super(props);
   }
   private removeLeadingPeriod = (input: string): string => {
-    if (input.charAt(0) == ".") {
-      input = input.substr(1);
+    if (!isUndefined(this.props.comicBookCoversMetadata)) {
+      if (input.charAt(0) == ".") {
+        input = input.substr(1);
+      }
     }
     return input;
   };
@@ -45,7 +47,13 @@ class Card extends React.Component<IProps, IState> {
   };
 
   public render() {
-    return <>{this.drawCoverCard(this.props.comicBookCoversMetadata)}</>;
+    return (
+      <>
+        {!isUndefined(this.props.comicBookCoversMetadata) &&
+          !isEmpty(this.props.comicBookCoversMetadata) &&
+          this.drawCoverCard(this.props.comicBookCoversMetadata)}
+      </>
+    );
   }
 }