[frontend/components] Add Escape and Enter keybinds to NoticeDialog

This commit is contained in:
pancakes 2025-02-21 19:06:53 +10:00
parent df5dcab581
commit 04425aab9d
No known key found for this signature in database
GPG key ID: ED53D426432B861B

View file

@ -6,7 +6,7 @@
@inject IJSRuntime Js;
@inject IStringLocalizer<Localization> Loc;
<dialog class="dialog" @ref="Dialog">
<dialog @onkeydown="HandleKeyDown" class="dialog" @ref="Dialog">
<div class="notice">
<span class="notice-icon">
@switch (Type)
@ -57,6 +57,14 @@
await _module.InvokeVoidAsync("openDialog", Dialog);
}
private async Task HandleKeyDown(KeyboardEventArgs e)
{
if (e is { Code: "Enter" or "Escape" })
{
await CloseDialog();
}
}
protected override async Task OnInitializedAsync()
{
_module = await Js.InvokeAsync<IJSObjectReference>("import",