feat(web/alert): allow defining alert dialog button labels

package/client/resource/interface/alert.ts

@@ -3,6 +3,10 @@ interface AlertDialogProps {
   content: string;
   centered?: boolean;
   cancel?: boolean;
+  labels?: {
+    cancel?: string;
+    confirm?: string;
+  };
 }
 
 type alertDialog = (data: AlertDialogProps) => Promise<'cancel' | 'confirm'>;

resource/interface/client/alert.lua

@@ -5,6 +5,7 @@ local alert = nil
 ---@field content string;
 ---@field centered? boolean?;
 ---@field cancel? boolean?;
+---@field labels? {cancel?: string, confirm?: string}
 
 ---@param data AlertDialogProps
 ---@return 'cancel' | 'confirm' | nil

web/src/features/dev/debug/alert.ts

@@ -10,6 +10,10 @@ export const debugAlert = () => {
         content: 'General kenobi  \n Markdown works',
         centered: true,
         cancel: true,
+        labels: {
+          confirm: 'Ok',
+          cancel: 'Not ok',
+        },
       },
     },
   ]);

web/src/features/dialog/AlertDialog.tsx

@@ -19,6 +19,10 @@ export interface AlertProps {
   content: string;
   centered?: boolean;
   cancel?: boolean;
+  labels?: {
+    cancel?: string;
+    confirm?: string;
+  };
 }
 
 const AlertDialog: React.FC = () => {
@@ -65,11 +69,11 @@ const AlertDialog: React.FC = () => {
           <AlertDialogFooter>
             {dialogData.cancel && (
               <Button onClick={() => closeAlert('cancel')} mr={3}>
-                {locale.ui.cancel}
+                {dialogData.labels?.cancel || locale.ui.cancel}
               </Button>
             )}
             <Button colorScheme={dialogData.cancel ? 'blue' : undefined} onClick={() => closeAlert('confirm')}>
-              {locale.ui.confirm}
+              {dialogData.labels?.confirm || locale.ui.confirm}
             </Button>
           </AlertDialogFooter>
         </AlertDialogContent>