From 72e9f71fbc5ed59b6f1a1e3b0657ce0e1c89e4a1 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Thu, 4 Jun 2026 20:12:57 -0400
Subject: [PATCH] Refactor mobile AudioPlayerBar seek to use PlayerSeekZone,
 removing inline duplicate gesture code

---
 .../AudioPlayerBar/AudioPlayerBar.razor       | 22 ++++++-------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor b/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor
index 8ef4b53..77d36ab 100644
--- a/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor
+++ b/DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor
@@ -61,21 +61,13 @@ else
                             <VolumeControls Volume="@Volume" VolumeChanged="@OnVolumeChange"/>
                         </div>
 
-                        <div class="d-flex flex-column flex-grow-1">
-                            <div @onpointerdown="OnSeekStart"
-                                @onpointerup="@(() => OnSeekEnd(_seekPosition))"
-                                @onpointerleave="@(async () => { if (_isSeeking) await OnSeekEnd(_seekPosition); })">
-                                <MudSlider T="double"
-                                        Min="0"
-                                        Max="@(Duration ?? 0D)"
-                                        Step="0.1"
-                                        Value="@DisplayTime"
-                                        ValueChanged="@OnSeekChange"
-                                        Immediate="true"
-                                        Disabled="@(!CanSeek)"/>
-                            </div>
-                            <SpectrumVisualizer />
-                        </div>
+                        <PlayerSeekZone DisplayTime="DisplayTime"
+                                        Duration="Duration"
+                                        CanSeek="CanSeek"
+                                        OnSeekStart="@OnSeekStart"
+                                        OnSeekEnd="@OnSeekEnd"
+                                        OnSeekChange="@OnSeekChange"
+                                        Class="flex-grow-1"/>
                     </div>
                 }