From 441bc5bb05808a4cafa5e8e2503b49782fb5dd2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=84=AD=E6=B2=9B=E8=BB=92?= <jettcheng1018@gmail.com>
Date: Sun, 28 Sep 2025 20:44:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E7=B5=84=E4=BB=B6?=
 =?UTF-8?q?=E5=85=A7=E5=AE=B9=E5=92=8C=E6=8F=90=E7=A4=BA=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E5=84=AA=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 🔧 組件內容改善
- VocabChoiceTest: 移除同義詞顯示區塊，簡化布局
- SentenceReorderTest: 優化提示文字為"請嘗試組成完整句子"

## 🎯 用戶體驗改善
- 更清晰的指導文字
- 更簡潔的界面設計
- 保持功能完整性

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../review/review-tests/SentenceReorderTest.tsx |  2 +-
 .../review/review-tests/VocabChoiceTest.tsx     | 17 -----------------
 2 files changed, 1 insertion(+), 18 deletions(-)

diff --git a/frontend/components/review/review-tests/SentenceReorderTest.tsx b/frontend/components/review/review-tests/SentenceReorderTest.tsx
index 73bf87e..f0491bd 100644
--- a/frontend/components/review/review-tests/SentenceReorderTest.tsx
+++ b/frontend/components/review/review-tests/SentenceReorderTest.tsx
@@ -94,7 +94,7 @@ const SentenceReorderTestComponent: React.FC<SentenceReorderTestProps> = ({
           <div className="relative min-h-[120px] bg-gray-50 rounded-lg p-4 border-2 border-dashed border-gray-300">
             {arrangedWords.length === 0 ? (
               <div className="absolute inset-0 flex items-center justify-center text-gray-400 text-lg">
-                將下方單字拖拽到這裡組成完整句子
+                請嘗試組成完整句子
               </div>
             ) : (
               <div className="flex flex-wrap gap-2">
diff --git a/frontend/components/review/review-tests/VocabChoiceTest.tsx b/frontend/components/review/review-tests/VocabChoiceTest.tsx
index d65a49b..3f1c1ca 100644
--- a/frontend/components/review/review-tests/VocabChoiceTest.tsx
+++ b/frontend/components/review/review-tests/VocabChoiceTest.tsx
@@ -54,23 +54,6 @@ const VocabChoiceTestComponent: React.FC<VocabChoiceTestProps> = ({
             <h3 className="font-semibold text-gray-900 mb-2 text-left">定義</h3>
             <p className="text-gray-700 text-left">{cardData.definition}</p>
           </div>
-
-          {/* 同義詞顯示 */}
-          {cardData.synonyms && cardData.synonyms.length > 0 && (
-            <div className="bg-blue-50 rounded-lg p-4 mb-6">
-              <h3 className="font-semibold text-gray-900 mb-2 text-left">同義詞提示</h3>
-              <div className="flex flex-wrap gap-2 justify-start">
-                {cardData.synonyms.map((synonym, index) => (
-                  <span
-                    key={index}
-                    className="px-3 py-1 bg-blue-100 text-blue-700 text-sm rounded-full font-medium"
-                  >
-                    {synonym}
-                  </span>
-                ))}
-              </div>
-            </div>
-          )}
         </div>
 
         {/* 選項區域 - 響應式網格布局 */}