feat: guard interactivity-gap controls until WASM hydrates (PLAN 2.4)

This commit is contained in:
daniel-c-harvey
2026-06-08 13:31:54 -04:00
parent a2814fc939
commit c086d03776
4 changed files with 7 additions and 3 deletions
@@ -4,6 +4,7 @@
<MudIconButton Icon="@Icons.Material.Filled.Share" <MudIconButton Icon="@Icons.Material.Filled.Share"
Size="Size.Large" Size="Size.Large"
Color="Color.Secondary" Color="Color.Secondary"
Disabled="@(!RendererInfo.IsInteractive)"
OnClick="@Toggle" OnClick="@Toggle"
aria-label="Share this track" /> aria-label="Share this track" />
</MudTooltip> </MudTooltip>
@@ -104,6 +104,7 @@
<MudFab Color="Color.Tertiary" <MudFab Color="Color.Tertiary"
Size="Size.Medium" Size="Size.Medium"
StartIcon="@PlayPauseIcon" StartIcon="@PlayPauseIcon"
Disabled="@(!RendererInfo.IsInteractive)"
OnClick="@PlayClick"/> OnClick="@PlayClick"/>
</div> </div>
@@ -118,6 +119,7 @@ else
<MudFab Color="Color.Tertiary" <MudFab Color="Color.Tertiary"
Size="Size.Medium" Size="Size.Medium"
StartIcon="@PlayPauseIcon" StartIcon="@PlayPauseIcon"
Disabled="@(!RendererInfo.IsInteractive)"
OnClick="@PlayClick" OnClick="@PlayClick"
Class="deepdrft-track-row-fab"/> Class="deepdrft-track-row-fab"/>
@@ -18,7 +18,7 @@
<div class="dd-nav-actions"> <div class="dd-nav-actions">
<button type="button" <button type="button"
class="dd-nav-cta" class="dd-nav-cta"
disabled="@_streamLoading" disabled="@(_streamLoading || !RendererInfo.IsInteractive)"
aria-busy="@_streamLoading.ToString().ToLowerInvariant()" aria-busy="@_streamLoading.ToString().ToLowerInvariant()"
@onclick="StreamNow"> @onclick="StreamNow">
@if (_findingTrack) @if (_findingTrack)
@@ -80,7 +80,7 @@
<li> <li>
<button type="button" <button type="button"
class="dd-nav-cta" class="dd-nav-cta"
disabled="@_streamLoading" disabled="@(_streamLoading || !RendererInfo.IsInteractive)"
aria-busy="@_streamLoading.ToString().ToLowerInvariant()" aria-busy="@_streamLoading.ToString().ToLowerInvariant()"
@onclick="StreamNowMobile"> @onclick="StreamNowMobile">
@if (_findingTrack) @if (_findingTrack)
+2 -1
View File
@@ -8,7 +8,7 @@
@if (ViewModel.Page != null) @if (ViewModel.Page != null)
{ {
<div class="tracks-view-header"> <div class="tracks-view-header">
<MudToggleGroup T="GalleryViewMode" @bind-Value="_viewMode" Class="tracks-view-toggle"> <MudToggleGroup T="GalleryViewMode" @bind-Value="_viewMode" Disabled="@(!RendererInfo.IsInteractive)" Class="tracks-view-toggle">
<MudToggleItem Value="GalleryViewMode.Grid"> <MudToggleItem Value="GalleryViewMode.Grid">
<MudIcon Icon="@Icons.Material.Filled.ViewModule"/> <MudIcon Icon="@Icons.Material.Filled.ViewModule"/>
</MudToggleItem> </MudToggleItem>
@@ -30,6 +30,7 @@
<MudPagination Count="@ViewModel.Page.TotalPages" <MudPagination Count="@ViewModel.Page.TotalPages"
Selected="@ViewModel.Page.Page" Selected="@ViewModel.Page.Page"
SelectedChanged="@SetPage" SelectedChanged="@SetPage"
Disabled="@(!RendererInfo.IsInteractive)"
BoundaryCount="2" BoundaryCount="2"
MiddleCount="3"/> MiddleCount="3"/>
</div> </div>