From 538ca61fa8eebd20f80df8c83112aa01ff2a31fb Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sun, 24 Sep 2023 00:50:36 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20Purified=20Card=20Component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/ComicDetail/ComicDetail.tsx | 6 ++++--
 src/client/components/shared/Carda.tsx            | 8 ++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/client/components/ComicDetail/ComicDetail.tsx b/src/client/components/ComicDetail/ComicDetail.tsx
index 7c6b9c1..05af966 100644
--- a/src/client/components/ComicDetail/ComicDetail.tsx
+++ b/src/client/components/ComicDetail/ComicDetail.tsx
@@ -290,7 +290,9 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
                           <ComicViewer
                             pages={extractedComicBook}
                             direction="ltr"
-                            className={{closeButton: "border: 1px solid red;"}}
+                            className={{
+                              closeButton: "border: 1px solid red;",
+                            }}
                           />
                         )}
                       </Modal>
@@ -317,4 +319,4 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
   );
 };
 
-export default ComicDetail;
\ No newline at end of file
+export default ComicDetail;
diff --git a/src/client/components/shared/Carda.tsx b/src/client/components/shared/Carda.tsx
index 562ac5e..67adc5b 100644
--- a/src/client/components/shared/Carda.tsx
+++ b/src/client/components/shared/Carda.tsx
@@ -15,7 +15,7 @@ interface ICardProps {
   imageStyle?: PropTypes.object;
 }
 
-const renderCard = (props): ReactElement => {
+const renderCard = (props: ICardProps): ReactElement => {
   switch (props.orientation) {
     case "horizontal":
       return (
@@ -85,8 +85,8 @@ const renderCard = (props): ReactElement => {
   }
 };
 
-export const Card = (props: ICardProps): ReactElement => {
-  return renderCard(props);
-};
+export const Card = React.memo(
+  (props: ICardProps): ReactElement => renderCard(props),
+);
 
 export default Card;