Reduce redundancy

Pkmds.Web/Components/BoxGrid.razor

@@ -10,8 +10,9 @@
 
             <BoxSlotComponent BoxNumber="@BoxNumber"
                               SlotNumber="slotNum"
-                              Pokemon="@pkm" />
-
+                              Pokemon="@pkm"
+                              OnSlotClick="@(() => SetSelectedPokemon(pkm, BoxNumber, slotNum))"
+                              GetStyleFunction="@(() => GetStyle(slotNum))" />
         }
     </div>
 }

Pkmds.Web/Components/BoxGrid.razor.cs

@@ -8,7 +8,15 @@ public partial class BoxGrid : IDisposable
     [Parameter, EditorRequired]
     public int BoxNumber { get; set; }
 
-    private string BoxGridClass => AppState.SaveFile?.BoxSlotCount == 20 ? "box-grid-20" : "box-grid-30";
+    private string BoxGridClass =>
+        AppState.SaveFile?.BoxSlotCount == 20 ? "box-grid-20" : "box-grid-30";
+
+    private void SetSelectedPokemon(PKM? pokemon, int boxNumber, int slotNumber) =>
+        AppService.SetSelectedBoxPokemon(pokemon, boxNumber, slotNumber);
+
+    private string GetStyle(int slotNumber) => AppState.SelectedBoxSlotNumber == slotNumber
+        ? "border: 4px solid orange; border-radius: 6px;"
+        : string.Empty;
 
     protected override void OnInitialized() =>
         RefreshService.OnAppStateChanged += StateHasChanged;

Pkmds.Web/Components/BoxSlotComponent.razor.cs

@@ -1,26 +1,7 @@
 namespace Pkmds.Web.Components;
 
-public partial class BoxSlotComponent : IDisposable
+public class BoxSlotComponent : PokemonSlotComponent
 {
     [Parameter, EditorRequired]
     public int BoxNumber { get; set; }
-
-    [Parameter, EditorRequired]
-    public int SlotNumber { get; set; }
-
-    [Parameter, EditorRequired]
-    public PKM? Pokemon { get; set; }
-
-    private string Style => AppState.SelectedBoxSlotNumber == SlotNumber
-        ? "border: 4px solid orange; border-radius: 6px;"
-        : string.Empty;
-
-    protected override void OnInitialized() =>
-        RefreshService.OnAppStateChanged += StateHasChanged;
-
-    public void Dispose() =>
-        RefreshService.OnAppStateChanged -= StateHasChanged;
-
-    private void SetSelectedPokemon() =>
-        AppService.SetSelectedBoxPokemon(Pokemon, BoxNumber, SlotNumber);
 }

Pkmds.Web/Components/PartyGrid.razor

@@ -16,8 +16,10 @@
                 var slotNum = i;
                 PKM? pkm = i < AppState.SaveFile.PartyCount ? AppState.SaveFile.PartyData[slotNum] : null;
                 <MudItem xs="2">
-                    <PartySlotComponent Pokemon="@pkm"
-                                        SlotNumber="@slotNum" />
+                    <PokemonSlotComponent Pokemon="@pkm"
+                                          SlotNumber="@slotNum"
+                                          OnSlotClick="@(() => SetSelectedPokemon(pkm, slotNum))"
+                                          GetStyleFunction="@(() => GetStyle(slotNum))" />
                 </MudItem>
             }
         </MudGrid>

Pkmds.Web/Components/PartyGrid.razor.cs

@@ -2,6 +2,13 @@ namespace Pkmds.Web.Components;
 
 public partial class PartyGrid
 {
+    private void SetSelectedPokemon(PKM? pokemon, int slotNumber) =>
+        AppService.SetSelectedPartyPokemon(pokemon, slotNumber);
+
+    private string GetStyle(int slotNumber) => AppState.SelectedPartySlotNumber == slotNumber
+        ? "border: 4px solid orange; border-radius: 6px;"
+        : string.Empty;
+
     protected override void OnInitialized()
     {
         RefreshService.OnAppStateChanged += StateHasChanged;

Pkmds.Web/Components/BoxSlotComponent.razor → Pkmds.Web/Components/PokemonSlotComponent.razor

@@ -1,10 +1,11 @@
 @inherits BasePkmdsComponent
+@implements IDisposable
 
 <MudPaper Elevation="3"
-          @onclick="SetSelectedPokemon"
+          @onclick="HandleClick"
           Width="68px"
           Height="68px"
           Class="@SpriteHelper.GetSpriteCssClass(Pokemon)"
-          Style="@Style">
+          Style="@GetStyle()">
     <img class="pkm-sprite" src="@(Pokemon is { Species: > 0 } ? SpriteHelper.GetPokemonSpriteFilename(Pokemon) : null)" />
 </MudPaper>

Pkmds.Web/Components/PartySlotComponent.razor.cs → Pkmds.Web/Components/PokemonSlotComponent.razor.cs

@@ -1,23 +1,28 @@
 namespace Pkmds.Web.Components;
 
-public partial class PartySlotComponent : IDisposable
+public partial class PokemonSlotComponent
 {
     [Parameter, EditorRequired]
     public int SlotNumber { get; set; }
 
     [Parameter, EditorRequired]
     public PKM? Pokemon { get; set; }
 
-    private string Style => AppState.SelectedPartySlotNumber == SlotNumber
-        ? "border: 4px solid orange; border-radius: 6px;"
-        : string.Empty;
+    [Parameter, EditorRequired]
+    public EventCallback OnSlotClick { get; set; }
+
+    [Parameter, EditorRequired]
+    public Func<string>? GetStyleFunction { get; set; }
+
+    private async Task HandleClick() =>
+        await OnSlotClick.InvokeAsync();
+
+    private string GetStyle() =>
+        GetStyleFunction?.Invoke() ?? string.Empty;
 
     protected override void OnInitialized() =>
         RefreshService.OnAppStateChanged += StateHasChanged;
 
     public void Dispose() =>
         RefreshService.OnAppStateChanged -= StateHasChanged;
-
-    private void SetSelectedPokemon() =>
-        AppService.SetSelectedPartyPokemon(Pokemon, SlotNumber);
 }