Updated pages and components to use new Button componentdev

1 files changed, 14 insertions, 3 deletions

diff --git a/Pages/TagDefinitions.razor b/Pages/TagDefinitions.razor
index b9f90d6..58e5ac7 100644
--- a/Pages/TagDefinitions.razor
+++ b/Pages/TagDefinitions.razor
@@ -11,7 +11,13 @@
 
 <div style="padding:var(--size-default-gap);">
     <ButtonContainer>
-        <button @onclick=PromptTagCreate data-keyboard-shortcut="c"><u>C</u>reate</button>
+        <Button
+            BackgroundColor=Color.ButtonPrimary
+            ShortcutKey=@('c')
+            OnClick=@(async () => PromptTagCreate())>
+
+				<u>C</u>reate
+            </Button>
     </ButtonContainer>
 
     <TabContainer @ref=tabContainer>
@@ -75,8 +81,13 @@
 
 <Dialog Title="Are you sure you want to delete this tag definition?" @ref=deleteTagDialog>
     <ButtonContainer>
-        <button @onclick=@(() => deleteTagDialog.Hide()) class="secondary">Cancel</button>
-        <button @onclick=@(() => DeleteTagDefinition()) class="warning">Confirm</button>
+        <Button OnClick=@(async () => deleteTagDialog.Hide())>Cancel</Button>
+        <Button
+            BackgroundColor=Color.ButtonWarning
+            OnClick=@(async () => DeleteTagDefinition())>
+
+            Confirm
+        </Button>
     </ButtonContainer>
 </Dialog>