From 50aab9987c8b7b059199cf2cf12b455d3b5e2610 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sun, 18 Dec 2022 12:07:37 +0100
Subject: [PATCH] refactor(web/alert): use primary color theme for the button
 color

---
 web/src/features/dialog/AlertDialog.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/features/dialog/AlertDialog.tsx b/web/src/features/dialog/AlertDialog.tsx
index a828ec0..96275a7 100644
--- a/web/src/features/dialog/AlertDialog.tsx
+++ b/web/src/features/dialog/AlertDialog.tsx
@@ -1,4 +1,4 @@
-import { Modal, Button, Stack, Group } from '@mantine/core';
+import { Modal, Button, Stack, Group, useMantineTheme } from '@mantine/core';
 import { useState } from 'react';
 import ReactMarkdown from 'react-markdown';
 import { useNuiEvent } from '../../hooks/useNuiEvent';
@@ -18,6 +18,7 @@ export interface AlertProps {
 
 const AlertDialog: React.FC = () => {
   const { locale } = useLocales();
+  const theme = useMantineTheme();
   const [opened, setOpened] = useState(false);
   const [dialogData, setDialogData] = useState<AlertProps>({
     header: '',
@@ -63,8 +64,8 @@ const AlertDialog: React.FC = () => {
             )}
             <Button
               uppercase
-              variant="light"
-              color={dialogData.cancel ? 'blue' : undefined}
+              variant={dialogData.cancel ? 'light' : 'default'}
+              color={dialogData.cancel ? theme.primaryColor : undefined}
               onClick={() => closeAlert('confirm')}
             >
               {dialogData.labels?.confirm || locale.ui.confirm}