diff --git a/WebApp/Components/Features/Events/Create.razor b/WebApp/Components/Features/Events/Create.razor
index 9f8fece..88c4e23 100644
--- a/WebApp/Components/Features/Events/Create.razor
+++ b/WebApp/Components/Features/Events/Create.razor
@@ -8,12 +8,7 @@
Title="Create"
Subtitle="Event"
ShowBackButton="true"
- BackButtonUrl="/events">
-
- Create
- Cancel
-
-
+ BackButtonUrl="/events" />
@@ -51,6 +46,10 @@
+
+ Create
+ Cancel
+
@code {
[SupplyParameterFromForm]
diff --git a/WebApp/Components/Features/Events/Edit.razor b/WebApp/Components/Features/Events/Edit.razor
index a3770c5..a7e218f 100644
--- a/WebApp/Components/Features/Events/Edit.razor
+++ b/WebApp/Components/Features/Events/Edit.razor
@@ -15,12 +15,7 @@
Title="Edit"
Subtitle="Event"
ShowBackButton="true"
- BackButtonUrl="/events">
-
- Save
- Cancel
-
-
+ BackButtonUrl="/events" />
@@ -58,6 +53,11 @@
+
+ Save
+ Cancel
+
+
@code {
[SupplyParameterFromQuery]
private int Id { get; set; }
diff --git a/WebApp/Components/Features/Students/Create.razor b/WebApp/Components/Features/Students/Create.razor
index bade1ee..eee8bd3 100644
--- a/WebApp/Components/Features/Students/Create.razor
+++ b/WebApp/Components/Features/Students/Create.razor
@@ -8,12 +8,7 @@
Title="Create"
Subtitle="Student"
ShowBackButton="true"
- BackButtonUrl="/students">
-
- Create
- Cancel
-
-
+ BackButtonUrl="/students" />
@@ -32,6 +27,11 @@
+
+ Create
+ Cancel
+
+
@code {
[SupplyParameterFromForm]
private Student Student { get; set; } = new() { TsaYear = 1 };
diff --git a/WebApp/Components/Features/Students/Edit.razor b/WebApp/Components/Features/Students/Edit.razor
index 0116d6c..42152e4 100644
--- a/WebApp/Components/Features/Students/Edit.razor
+++ b/WebApp/Components/Features/Students/Edit.razor
@@ -15,12 +15,7 @@
Title="Edit Student"
Subtitle="@($"{Student.FirstNameLastName}")"
ShowBackButton="true"
- BackButtonUrl="@(ReturnUrl ?? "/students")">
-
- Save
- Cancel
-
-
+ BackButtonUrl="@(ReturnUrl ?? "/students")" />
@* https://www.mudblazor.com/components/form *@
@* https://medium.com/@husainalbar/applying-mudblazor-for-crud-operations-in-our-blazor-project-a343037a52ef *@
@@ -52,6 +47,11 @@
+
+ Save
+ Cancel
+
+
@code {
[SupplyParameterFromQuery]
private int Id { get; set; }
diff --git a/WebApp/Components/Features/Teams/Create.razor b/WebApp/Components/Features/Teams/Create.razor
index 688dd6a..e9bd952 100644
--- a/WebApp/Components/Features/Teams/Create.razor
+++ b/WebApp/Components/Features/Teams/Create.razor
@@ -15,12 +15,7 @@
Title="Create"
Subtitle="Team"
ShowBackButton="true"
- BackButtonUrl="/teams">
-
- Add
- Cancel
-
-
+ BackButtonUrl="/teams" />
@@ -70,6 +65,11 @@
}
+
+ Add
+ Cancel
+
+
@code {
[SupplyParameterFromForm]
private Team Team { get; set; } = new();
diff --git a/WebApp/Components/Features/Teams/Edit.razor b/WebApp/Components/Features/Teams/Edit.razor
index 3719c07..ceafc2f 100644
--- a/WebApp/Components/Features/Teams/Edit.razor
+++ b/WebApp/Components/Features/Teams/Edit.razor
@@ -14,12 +14,7 @@
-
- Save
- Cancel
-
-
+ BackButtonUrl="/teams" />
@@ -41,6 +36,11 @@
+
+ Save
+ Cancel
+
+
@code {
[SupplyParameterFromQuery]
private int Id { get; set; }
diff --git a/WebApp/Components/Shared/Components/FormActions.razor b/WebApp/Components/Shared/Components/FormActions.razor
new file mode 100644
index 0000000..81a4e87
--- /dev/null
+++ b/WebApp/Components/Shared/Components/FormActions.razor
@@ -0,0 +1,10 @@
+@namespace WebApp.Components.Shared.Components
+@using MudBlazor
+
+
+ @ChildContent
+
+
+@code {
+ [Parameter] public RenderFragment? ChildContent { get; set; }
+}
diff --git a/WebApp/wwwroot/app.css b/WebApp/wwwroot/app.css
index 4d2bebd..14662b3 100644
--- a/WebApp/wwwroot/app.css
+++ b/WebApp/wwwroot/app.css
@@ -118,4 +118,12 @@ h1:focus {
display: flex;
gap: 0.5rem;
align-items: center;
+}
+
+.form-actions {
+ display: flex;
+ gap: 0.5rem;
+ align-items: center;
+ margin-top: 1.5rem;
+ margin-bottom: 1rem;
}
\ No newline at end of file