hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed spacing and updated wording on dialog

Browse Source
This commit is contained in:
Dan Ditomaso
2025-03-18 22:09:20 -04:00
parent ad366e6bab
commit 64055a5aeb
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dialog/RefreshKeysDialog/RefreshKeysDialog.tsx
+9 -8
View File
@@ -7,7 +7,6 @@ import {
} from "@components/UI/Dialog.tsx"; } from "@components/UI/Dialog.tsx";
import { Button } from "@components/UI/Button.tsx"; import { Button } from "@components/UI/Button.tsx";
import { LockKeyholeOpenIcon } from "lucide-react"; import { LockKeyholeOpenIcon } from "lucide-react";
import { P } from "@components/UI/Typography/P.tsx";
import { useRefreshKeysDialog } from "./useRefreshKeysDialog.ts"; import { useRefreshKeysDialog } from "./useRefreshKeysDialog.ts";
export interface RefreshKeysDialogProps { export interface RefreshKeysDialogProps {
@@ -25,17 +24,19 @@ export const RefreshKeysDialog = ({ open, onOpenChange }: RefreshKeysDialogProps
<DialogHeader> <DialogHeader>
<DialogTitle>Keys Mismatch</DialogTitle> <DialogTitle>Keys Mismatch</DialogTitle>
</DialogHeader> </DialogHeader>
Your node is unable to send a direct message to this node. This is due to public/private key mismatch. 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.
<ul className="mt-2"> <ul className="mt-2">
<li className="flex place-items-center gap-2 items-start"> <li className="flex place-items-center gap-2 items-start">
<div className="p-2 bg-slate-500 rounded-lg mt-2"> <div className="p-2 bg-slate-500 rounded-lg mt-1">
<LockKeyholeOpenIcon size={30} className="text-white justify-center" /> <LockKeyholeOpenIcon size={30} className="text-white justify-center" />
</div> </div>
<div className="flex flex-col gap-2" > <div className="flex flex-col gap-2">
<P className="font-bold">Refresh this node</P> <div>
<p> <p className="font-bold mb-0.5">Accept New Keys</p>
This will remove the node from the chat and request new keys. The process may take a few moments to complete. <p>
</p> This will remove the node from device and request new keys.
</p>
</div>
<Button <Button
variant="default" variant="default"
onClick={handleNodeRemove} onClick={handleNodeRemove}