fix: improvements to refresh dialog

src/components/Dialog/RefreshKeysDialog/RefreshKeysDialog.tsx

@@ -8,6 +8,8 @@ import {
 import { Button } from "@components/UI/Button.tsx";
 import { LockKeyholeOpenIcon } from "lucide-react";
 import { useRefreshKeysDialog } from "./useRefreshKeysDialog.ts";
+import { useDevice } from "@core/stores/deviceStore.ts";
+import { useMessageStore } from "@core/stores/messageStore.ts";
 
 export interface RefreshKeysDialogProps {
   open: boolean;
@@ -15,16 +17,36 @@ export interface RefreshKeysDialogProps {
 }
 
 export const RefreshKeysDialog = ({ open, onOpenChange }: RefreshKeysDialogProps) => {
-
+  const { activeChat } = useMessageStore();
+  const { nodeErrors, nodes } = useDevice();
   const { handleCloseDialog, handleNodeRemove } = useRefreshKeysDialog();
+
+  const nodeErrorNum = nodeErrors.get(activeChat);
+
+  if (!nodeErrorNum) {
+    console.error("Node with error not found");
+    return null;
+  }
+
+  const nodeWithError = nodes.get(nodeErrorNum?.node ?? 0);
+
+  if (!nodeWithError) {
+    console.error("Node with error not found");
+    return null;
+  }
+
+  const text = {
+    title: `Keys Mismatch - ${nodeWithError?.user?.longName ?? ""}`,
+    description: `Your node is unable to send a direct message to node: ${nodeWithError?.user?.longName ?? ""} (${nodeWithError?.user?.shortName ?? ""}). This is due to the remote node's current public key does not match the previously stored key for this node.`,
+  }
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="max-w-8 flex flex-col gap-2">
         <DialogClose onClick={handleCloseDialog} />
         <DialogHeader>
-          <DialogTitle>Keys Mismatch</DialogTitle>
+          <DialogTitle>{text.title}</DialogTitle>
         </DialogHeader>
-        Your node is unable to send a direct message to this node. This is due to the remote node's current public key not matching the previously stored key for this node.
+        {text.description}
         <ul className="mt-2">
           <li className="flex place-items-center gap-2 items-start">
             <div className="p-2 bg-slate-500 rounded-lg mt-1">
@@ -40,14 +62,12 @@ export const RefreshKeysDialog = ({ open, onOpenChange }: RefreshKeysDialogProps
               <Button
                 variant="default"
                 onClick={handleNodeRemove}
-                className=""
               >
                 Request New Keys
               </Button>
               <Button
                 variant="outline"
                 onClick={handleCloseDialog}
-                className=""
               >
                 Dismiss
               </Button>