fix: fixed displaying delete popup msg

Refs: BLOCKLY-T-2

src/Sitko.Blockly.MudBlazor/Forms/MudBlocklyForm.razor

@@ -34,14 +34,14 @@
  </MudButton>
  </span>
  <span title="@LocalizationProvider["Delete block"]">
- <MudPopover Disabled="!CanDeleteBlock(block)" Placement="@Placement.Left" Title="@LocalizationProvider["Delete block?"]"
- OnConfirm="@(async () => await DeleteBlockAsync(block))"
- OkText="@LocalizationProvider["Delete block"]"
- CancelText="@LocalizationProvider["Cancel"]">
-
+ <MudPopover Open="@(_openBlockId==block.Id)" Fixed="true" Class="px-4 pt-4" Tag="block.Id">
+ <div class="d-flex flex-column">
+ <MudText>@LocalizationProvider["Delete block?"]</MudText>
+ <MudButton OnClick="@(async () => await DeleteBlockAsync(block))" Class="ml-auto mr-n3 mb-1" Color="Color.Error">@LocalizationProvider["Delete block"]</MudButton>
+ <MudButton OnClick="@(()=>ToggleOpen(block.Id))" Class="ml-auto mr-n3 mb-1" Color="Color.Error">@LocalizationProvider["Cancel"]</MudButton>
+ </div>
  </MudPopover>
-
- <MudButton Disabled="!CanDeleteBlock(block)" Size="Size.Medium">
+ <MudButton Disabled="!CanDeleteBlock(block)" Size="Size.Medium" OnClick="@(()=>ToggleOpen(block.Id))">
  <MudIcon Icon="@Icons.Filled.Delete"></MudIcon>
  </MudButton>
  </span>

src/Sitko.Blockly.MudBlazor/Forms/MudBlocklyForm.razor.cs

@@ -12,6 +12,7 @@ public partial class MudBlocklyForm
 
  [Parameter] public string? Label { get; set; }
 
+ private Guid? _openBlockId;
  protected override async Task OnAfterRenderAsync(bool firstRender)
  {
  await base.OnAfterRenderAsync(firstRender);
@@ -20,4 +21,16 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
  await ScriptInjector.InjectAsync(MudBlazorBlocklyModule.MudBlazorBlocklyCssRequest);
  }
  }
+ private void ToggleOpen(Guid blockId)
+ {
+ if (_openBlockId == blockId)
+ {
+ _openBlockId = null;
+ }
+ else
+ {
+ _openBlockId = blockId;
+ }
+ }
+
 }