fix: extended dialog to allow for dynamic title/description

src/components/Dialog/PkiRegenerateDialog.tsx

@@ -10,12 +10,22 @@ import {
 } from "@components/UI/Dialog.tsx";
 
 export interface PkiRegenerateDialogProps {
+  text: {
+    title: string;
+    description: string;
+    button: string;
+  }
   open: boolean;
   onOpenChange: () => void;
   onSubmit: () => void;
 }
 
 export const PkiRegenerateDialog = ({
+  text = {
+    title: "Regenerate Key Pair",
+    description: "Are you sure you want to regenerate key pair?",
+    button: "Regenerate",
+  },
   open,
   onOpenChange,
   onSubmit,
@@ -25,14 +35,14 @@ export const PkiRegenerateDialog = ({
       <DialogContent>
         <DialogClose />
         <DialogHeader>
-          <DialogTitle>Regenerate Key pair?</DialogTitle>
+          <DialogTitle>{text?.title}</DialogTitle>
           <DialogDescription>
-            Are you sure you want to regenerate key pair?
+            {text?.description}
           </DialogDescription>
         </DialogHeader>
         <DialogFooter>
           <Button variant="destructive" onClick={() => onSubmit()}>
-            Regenerate
+            {text?.button}
           </Button>
         </DialogFooter>
       </DialogContent>

src/components/PageComponents/Channel.tsx

@@ -1,4 +1,4 @@
-import type { ChannelValidation } from "@app/validation/channel.tsx";
+import type { ChannelValidation } from "@app/validation/channel.ts";
 import { create } from "@bufbuild/protobuf";
 import { DynamicForm } from "@components/Form/DynamicForm.tsx";
 import { useToast } from "@core/hooks/useToast.ts";
@@ -97,7 +97,8 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
             settings: {
               ...channel?.settings,
               psk: pass,
-              moduleSettings: {...channel?.settings?.moduleSettings,
+              moduleSettings: {
+                ...channel?.settings?.moduleSettings,
                 positionPrecision: channel?.settings?.moduleSettings?.positionPrecision === undefined ? 10 : channel?.settings?.moduleSettings?.positionPrecision,
               }
             },
@@ -206,6 +207,11 @@ export const Channel = ({ channel }: SettingsPanelProps) => {
         ]}
       />
       <PkiRegenerateDialog
+        text={{
+          button: "Regenerate",
+          title: "Regenerate Pre-Shared Key?",
+          description: "Are you sure you want to regenerate the pre-shared key?",
+        }}
         open={preSharedDialogOpen}
         onOpenChange={() => setPreSharedDialogOpen(false)}
         onSubmit={() => preSharedKeyRegenerate()}

src/components/PageComponents/Config/Security/Security.tsx

@@ -302,6 +302,11 @@ export const Security = () => {
         ]}
       />
       <PkiRegenerateDialog
+        text={{
+          button: "Regenerate",
+          title: "Regenerate Key pair?",
+          description: "Are you sure you want to regenerate key pair?",
+        }}
         open={state.privateKeyDialogOpen}
         onOpenChange={() =>
           dispatch({ type: "SHOW_PRIVATE_KEY_DIALOG", payload: false })}