From aec444327a80b1f1efc8b765b99ded5711bd3eda Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Thu, 11 Jun 2026 00:49:00 +1000
Subject: Updated pages and components to use new Button component

---
 Pages/Component/AboutDialog.razor     | 4 +++-
 Pages/Component/TagEditDialog.razor   | 9 +++++++--
 Pages/Component/TagSelectDialog.razor | 9 +++++++--
 3 files changed, 17 insertions(+), 5 deletions(-)

(limited to 'Pages/Component')

diff --git a/Pages/Component/AboutDialog.razor b/Pages/Component/AboutDialog.razor
index 888040e..f696549 100644
--- a/Pages/Component/AboutDialog.razor
+++ b/Pages/Component/AboutDialog.razor
@@ -684,7 +684,9 @@
 		<ProgressBar @ref=progressBar />
 	</div>
     <ButtonContainer>
-        <button @onclick=Hide>Close</button>
+        <Button
+            BackgroundColor=Color.ButtonPrimary
+            OnClick=@(async () => Hide())>Close</Button>
     </ButtonContainer>
 </Dialog>
 
diff --git a/Pages/Component/TagEditDialog.razor b/Pages/Component/TagEditDialog.razor
index 14d8c27..203c6ec 100644
--- a/Pages/Component/TagEditDialog.razor
+++ b/Pages/Component/TagEditDialog.razor
@@ -22,8 +22,13 @@
     </label>
     <input type="text" @bind=tagAlias/>
     <ButtonContainer>
-        <button @onclick=Hide class="secondary">Cancel</button>
-        <button @onclick=Submit>@(TagDefinition is null ? "Create" : "Apply")</button>
+        <Button OnClick=@(async () => Hide())>Cancel</Button>
+        <Button
+            BackgroundColor=Color.ButtonPrimary
+            OnClick=@(async () => Submit())>
+
+            @(TagDefinition is null ? "Create" : "Apply")
+        </Button>
     </ButtonContainer>
 </Dialog>
 
diff --git a/Pages/Component/TagSelectDialog.razor b/Pages/Component/TagSelectDialog.razor
index 003a3b6..ce9e7d2 100644
--- a/Pages/Component/TagSelectDialog.razor
+++ b/Pages/Component/TagSelectDialog.razor
@@ -47,9 +47,14 @@
 		</LoadedState>
     </LoadableContent>
     <ButtonContainer>
-        <button @onclick=@(() => dialog.Hide()) class="secondary">Cancel</button>
+        <Button OnClick=@(async () => dialog.Hide())>Cancel</Button>
         @if(state == ComponentState.Loaded) {
-			<button @onclick=@(() => Submit())>Accept</button>
+			<Button
+                BackgroundColor=Color.ButtonPrimary
+                OnClick=@(async () => Submit())>
+
+                Accept
+            </Button>
         }
     </ButtonContainer>
 </Dialog>
-- 
cgit v1.3