From c737712d3f9b193f7a8a0bc855fd33d0f1710016 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Fri, 10 Jan 2025 15:10:39 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=89=B2=E5=8D=A1=E4=B8=AD?=
=?UTF-8?q?=E9=A2=9C=E8=89=B2=E5=90=8D=E7=A7=B0=E8=BE=93=E5=87=BA=E5=86=85?=
=?UTF-8?q?=E5=AE=B9=EF=BC=8C=E6=96=B9=E4=BE=BF=E6=9C=AA=E6=9D=A5=E9=80=82?=
=?UTF-8?q?=E9=85=8D=E5=85=B6=E4=BB=96=E8=89=B2=E5=8D=A1=E7=B3=BB=E5=88=97?=
=?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/page-components/cards-detail/ColorCard.tsx | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/page-components/cards-detail/ColorCard.tsx b/src/page-components/cards-detail/ColorCard.tsx
index 5ace071..3c98183 100644
--- a/src/page-components/cards-detail/ColorCard.tsx
+++ b/src/page-components/cards-detail/ColorCard.tsx
@@ -1,4 +1,4 @@
-import { capitalize } from 'lodash-es';
+import { capitalize, isEmpty } from 'lodash-es';
import { useCallback, useMemo } from 'react';
import { useColorFunction } from '../../ColorFunctionContext';
import { useCopyColor } from '../../hooks/useCopyColor';
@@ -65,7 +65,9 @@ export function ColorCard({ color, copyMode }: ColorCardProps) {
<div className={styles.description_line}>
<div className={styles.title}>
<span className={styles.name}>{color.name}</span>
- <span className={styles.en_name}>{color.pinyin.map(capitalize).join(' ')}</span>
+ {!isEmpty(color.pinyin) && (
+ <span className={styles.en_name}>{color.pinyin.map(capitalize).join(' ')}</span>
+ )}
</div>
<div className={styles.color_value}>#{colorHex}</div>
</div>