From 75e34285ef5eeadb8644956010920d48cf87b225 Mon Sep 17 00:00:00 2001
From: Nicholas Penree <nick@penree.com>
Date: Mon, 16 Dec 2024 11:51:17 -0500
Subject: [PATCH] feat(cluster): use code editor for node config

---
 .../dashboard/settings/cluster/nodes/show-node-data.tsx  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/dokploy/components/dashboard/settings/cluster/nodes/show-node-data.tsx b/apps/dokploy/components/dashboard/settings/cluster/nodes/show-node-data.tsx
index c597b948..e2adbed7 100644
--- a/apps/dokploy/components/dashboard/settings/cluster/nodes/show-node-data.tsx
+++ b/apps/dokploy/components/dashboard/settings/cluster/nodes/show-node-data.tsx
@@ -1,3 +1,4 @@
+import { CodeEditor } from "@/components/shared/code-editor";
 import {
 	Dialog,
 	DialogContent,
@@ -33,7 +34,13 @@ export const ShowNodeData = ({ data }: Props) => {
 				<div className="text-wrap rounded-lg border p-4 text-sm sm:max-w-[59rem] bg-card">
 					<code>
 						<pre className="whitespace-pre-wrap break-words">
-							{JSON.stringify(data, null, 2)}
+							<CodeEditor
+								language="json"
+								lineWrapping
+								lineNumbers={false}
+								readOnly
+								value={JSON.stringify(data, null, 2)}
+							/>
 						</pre>
 					</code>
 				</div>