tracks form changes and warns users before navigation

WebApp/Components/Features/Students/Edit.razor

@@ -20,6 +20,7 @@
 @* https://www.mudblazor.com/components/form *@
 @* https://medium.com/@husainalbar/applying-mudblazor-for-crud-operations-in-our-blazor-project-a343037a52ef *@
 <EditForm method="post" Model="Student" OnValidSubmit="UpdateStudent" FormName="edit" Enhance>
+        <FormChangeTracker @ref="_formChangeTracker" />
         <AntiforgeryToken />
         <DataAnnotationsValidator/>
         <MudGrid>
@@ -49,7 +50,7 @@
 
 <FormActions>
     <MudButton OnClick="UpdateStudent" Variant="Variant.Filled" Color="Color.Primary">Save</MudButton>
-    <MudButton Href="@(ReturnUrl ?? "/students")" Variant="Variant.Text">Cancel</MudButton>
+    <MudButton OnClick="HandleCancel" Variant="Variant.Text">Cancel</MudButton>
 </FormActions>
 
 @code {
@@ -62,6 +63,8 @@
     [SupplyParameterFromForm]
     private Student? Student { get; set; }
 
+    private FormChangeTracker? _formChangeTracker;
+
     protected override async Task OnInitializedAsync()
     {
         Student ??= await Context.Students.FirstOrDefaultAsync(m => m.Id == Id);
@@ -75,7 +78,7 @@
     // To protect from overposting attacks, enable the specific properties you want to bind to.
     // For more information, see https://learn.microsoft.com/aspnet/core/blazor/forms/#mitigate-overposting-attacks.
     private async Task UpdateStudent()
-    { 
+    {
         if (Student?.OfficerRole == 0)
             Student.OfficerRole = null;
 
@@ -84,6 +87,8 @@
         try
         {
             await Context.SaveChangesAsync();
+            _formChangeTracker?.AllowNavigation();
+            NavigationManager.NavigateTo(ReturnUrl ?? "/students");
         }
         catch (DbUpdateConcurrencyException)
         {
@@ -96,7 +101,11 @@
                 throw;
             }
         }
+    }
 
+    private void HandleCancel()
+    {
+        _formChangeTracker?.AllowNavigation();
         NavigationManager.NavigateTo(ReturnUrl ?? "/students");
     }