fix: extended dialog to allow for dynamic title/description

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 })}