Use PageHeader throughout the system

2025-12-25 21:53:15 -05:00
parent 1e36a5661b
commit 023e6c289a
19 changed files with 199 additions and 164 deletions
@@ -1,16 +1,21 @@
@page "/students/create"
@attribute [Authorize]
+@using WebApp.Components.Shared.Components
@inject AppDbContext Context
@inject NavigationManager NavigationManager

-<PageTitle>Create Student - TSA Chapter Organizer</PageTitle>
+<PageHeader
+    Title="Create"
+    Subtitle="Student"
+    ShowBackButton="true"
+    BackButtonUrl="/students">
+    <ActionButtons>
+        <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Form="create-student-form">Create</MudButton>
+        <MudButton Href="/students" Variant="Variant.Text">Cancel</MudButton>
+    </ActionButtons>
+</PageHeader>

-<MudText Typo="Typo.h3">Create</MudText>
-<MudText Typo="Typo.h4">Student</MudText>
-<MudDivider />
-
-
-<EditForm Model="Student" OnValidSubmit="OnValidSubmit" Enhance>
+<EditForm id="create-student-form" Model="Student" OnValidSubmit="OnValidSubmit" Enhance>
    <AntiforgeryToken />
    <DataAnnotationsValidator />
    <MudGrid>
@@ -25,8 +30,6 @@
            </MudPaper>
        </MudItem>
    </MudGrid>
-    <MudButton StartIcon="@Icons.Material.Filled.ArrowBack" Href="students">Back</MudButton>
-    <MudButton ButtonType="ButtonType.Submit" StartIcon="@Icons.Material.Filled.Save">Save</MudButton>
 </EditForm>

@code {