From 5d77b1fc2487d739f2eea15c30aa66b0b5dd192e Mon Sep 17 00:00:00 2001
From: Timothy Lin <timothy.lin@cylynx.io>
Date: Mon, 27 Dec 2021 15:04:38 +0800
Subject: [PATCH] fix: allow proj img to be optional

---
 components/Card.js | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/components/Card.js b/components/Card.js
index 5e5d2d1..61e296a 100644
--- a/components/Card.js
+++ b/components/Card.js
@@ -3,9 +3,23 @@ import Link from './Link'
 
 const Card = ({ title, description, imgSrc, href }) => (
   <div className="p-4 md:w-1/2 md" style={{ maxWidth: '544px' }}>
-    <div className="h-full overflow-hidden border-2 border-gray-200 rounded-md border-opacity-60 dark:border-gray-700">
-      {href ? (
-        <Link href={href} aria-label={`Link to ${title}`}>
+    <div
+      className={`${
+        imgSrc && 'h-full'
+      }  overflow-hidden border-2 border-gray-200 rounded-md border-opacity-60 dark:border-gray-700`}
+    >
+      {imgSrc &&
+        (href ? (
+          <Link href={href} aria-label={`Link to ${title}`}>
+            <Image
+              alt={title}
+              src={imgSrc}
+              className="object-cover object-center lg:h-48 md:h-36"
+              width={544}
+              height={306}
+            />
+          </Link>
+        ) : (
           <Image
             alt={title}
             src={imgSrc}
@@ -13,16 +27,7 @@ const Card = ({ title, description, imgSrc, href }) => (
             width={544}
             height={306}
           />
-        </Link>
-      ) : (
-        <Image
-          alt={title}
-          src={imgSrc}
-          className="object-cover object-center lg:h-48 md:h-36"
-          width={544}
-          height={306}
-        />
-      )}
+        ))}
       <div className="p-6">
         <h2 className="mb-3 text-2xl font-bold leading-8 tracking-tight">
           {href ? (