From abfd7b8f4136873d382c63a3d2b449728295bbd5 Mon Sep 17 00:00:00 2001
From: bdim404 <i@bdim.moe>
Date: Fri, 6 Mar 2026 12:09:09 +0800
Subject: [PATCH] refactor: Remove unused text prop and related logic from
 AudioPlayer component

---
 .../src/components/AudioPlayer.module.css            | 12 ++++++++++--
 qwen3-tts-frontend/src/components/AudioPlayer.tsx    | 10 ++--------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/qwen3-tts-frontend/src/components/AudioPlayer.module.css b/qwen3-tts-frontend/src/components/AudioPlayer.module.css
index 5d67d75..bf39f5b 100644
--- a/qwen3-tts-frontend/src/components/AudioPlayer.module.css
+++ b/qwen3-tts-frontend/src/components/AudioPlayer.module.css
@@ -50,8 +50,16 @@
 }
 
 .audioPlayerWrapper :global(.waveform-title) {
-  text-align: center;
-  font-size: 0.8125rem;
+  display: none;
+}
+
+.audioPlayerWrapper :global(.waveform-body) {
+  display: flex;
+  justify-content: center;
+}
+
+.audioPlayerWrapper :global(.waveform-track) {
+  flex-shrink: 0;
 }
 
 .audioPlayerWrapper :global(.waveform-time) {
diff --git a/qwen3-tts-frontend/src/components/AudioPlayer.tsx b/qwen3-tts-frontend/src/components/AudioPlayer.tsx
index f1fba12..55b3fab 100644
--- a/qwen3-tts-frontend/src/components/AudioPlayer.tsx
+++ b/qwen3-tts-frontend/src/components/AudioPlayer.tsx
@@ -13,7 +13,7 @@ interface AudioPlayerProps {
   text?: string
 }
 
-const AudioPlayer = memo(({ audioUrl, jobId, text }: AudioPlayerProps) => {
+const AudioPlayer = memo(({ audioUrl, jobId }: AudioPlayerProps) => {
   const { t } = useTranslation('common')
   const [blobUrl, setBlobUrl] = useState<string>('')
   const [isLoading, setIsLoading] = useState(false)
@@ -71,11 +71,6 @@ const AudioPlayer = memo(({ audioUrl, jobId, text }: AudioPlayerProps) => {
   useEffect(() => {
     if (!containerRef.current || !blobUrl) return
 
-    const truncateText = (str: string, maxLength: number = 30) => {
-      if (!str) return ''
-      return str.length > maxLength ? str.substring(0, maxLength) + '...' : str
-    }
-
     const player = new WaveformPlayer(containerRef.current, {
       url: blobUrl,
       waveformStyle: 'mirror',
@@ -87,7 +82,6 @@ const AudioPlayer = memo(({ audioUrl, jobId, text }: AudioPlayerProps) => {
       showPlaybackSpeed: false,
       autoplay: false,
       enableMediaSession: true,
-      title: text ? truncateText(text) : undefined,
     })
 
     playerInstanceRef.current = player
@@ -109,7 +103,7 @@ const AudioPlayer = memo(({ audioUrl, jobId, text }: AudioPlayerProps) => {
         playerInstanceRef.current = null
       }
     }
-  }, [blobUrl, text])
+  }, [blobUrl])
 
   const handleDownload = useCallback(() => {
     const link = document.createElement('a')