From 835151162feb7bd4895455842f770ad7bb94ca96 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sun, 12 Jun 2022 12:29:48 +0200
Subject: [PATCH] refactor(web/dialog): use locale for alert confirm button

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

diff --git a/web/src/features/dialog/AlertDialog.tsx b/web/src/features/dialog/AlertDialog.tsx
index 92b3f4d..3081d32 100644
--- a/web/src/features/dialog/AlertDialog.tsx
+++ b/web/src/features/dialog/AlertDialog.tsx
@@ -13,11 +13,11 @@ import ReactMarkdown from "react-markdown";
 import { useNuiEvent } from "../../hooks/useNuiEvent";
 import { debugData } from "../../utils/debugData";
 import { fetchNui } from "../../utils/fetchNui";
+import { useLocales } from "../../providers/LocaleProvider";
 
 interface DialogProps {
   header: string;
   content: string;
-  button: string;
   centered?: boolean;
 }
 
@@ -27,19 +27,18 @@ debugData<DialogProps>([
     data: {
       header: "Hello there",
       content: "General kenobi  \n Markdown works",
-      button: "Ok",
       centered: true,
     },
   },
 ]);
 
 const AlertDialog: React.FC = () => {
+  const { locale } = useLocales();
   const { isOpen, onOpen, onClose } = useDisclosure();
   const cancelRef = useRef(null);
   const [dialogData, setDialogData] = useState<DialogProps>({
     header: "",
     content: "",
-    button: "",
   });
 
   const closeAlert = () => {
@@ -71,7 +70,7 @@ const AlertDialog: React.FC = () => {
             <ReactMarkdown>{dialogData.content}</ReactMarkdown>
           </AlertDialogBody>
           <AlertDialogFooter>
-            <Button onClick={closeAlert}>{dialogData.button}</Button>
+            <Button onClick={closeAlert}>{locale.ui.confirm}</Button>
           </AlertDialogFooter>
         </AlertDialogContent>
       </Dialog>