📝 Purified Card Component

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;
+export default ComicDetail;

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;