Commit Graph

2 Commits

Author SHA1 Message Date
鄭沛軒 5167d91090 feat: 修復圖片生成服務 + 統一播放按鈕設計 + API 完善
後端修復:
• 修復圖片生成 DI Scope 問題 - 解決 ObjectDisposedException
• FlashcardsController 統一 API 格式 - 添加圖片和複習屬性
• Repository 正確載入圖片關聯數據

前端優化:
• 統一播放按鈕為藍底漸層設計 (w-10 h-10)
• 修復圖片顯示邏輯 - 正確構建完整 URL
• FlashcardDetailHeader 防護性編程 - 避免 NaN 錯誤
• 優化圖片顯示比例 - 正方形容器避免變形

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-02 03:58:03 +08:00
鄭沛軒 2edd8d03ce feat: 完成前端工具函數提取與圖片生成功能修復
## 工具函數庫建立

### 🛠️ **統一Flashcard工具庫**
- 新建 `/lib/utils/flashcardUtils.ts` (94行)
- 提取重複的工具函數:詞性轉換、CEFR顏色、熟練度處理
- 統一圖片URL處理邏輯、時間格式化、統計計算

### 🧹 **代碼重複消除**
- flashcards/page.tsx: 898行 → 878行 (清理重複函數)
- flashcards/[id]/page.tsx: 移除重複的工具函數定義
- 建立代碼復用機制,減少維護成本

### 🔧 **圖片生成功能修復**
- 修正API端點路徑: `/api/imagegeneration/` → `/api/ImageGeneration/`
- 修復生成、狀態查詢、取消請求三個端點
- 後端API測試通過,功能恢復正常

###  **架構改善成果**
- 編譯100%成功,無TypeScript錯誤
- 建立統一的工具函數管理機制
- 為後續大規模組件重構奠定基礎
- 提升代碼可維護性和復用性

前端工具層優化完成,準備進行組件層重構!

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-01 19:20:52 +08:00