From d2599d6f42e56b4e0fc3bd90b0013e610cdbefe0 Mon Sep 17 00:00:00 2001
From: Alberto <57290334+abluetuba@users.noreply.github.com>
Date: Wed, 3 Jan 2024 14:32:50 +0100
Subject: [PATCH] make websocket immutable headers read-only in UI (#6872)

---
 .../src/ui/components/key-value-editor/key-value-editor.tsx     | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/insomnia/src/ui/components/key-value-editor/key-value-editor.tsx b/packages/insomnia/src/ui/components/key-value-editor/key-value-editor.tsx
index 58a401744d..2b92c1bb8e 100644
--- a/packages/insomnia/src/ui/components/key-value-editor/key-value-editor.tsx
+++ b/packages/insomnia/src/ui/components/key-value-editor/key-value-editor.tsx
@@ -128,12 +128,14 @@ export const KeyValueEditor: FC<Props> = ({
                 <input
                   style={{ width: '100%' }}
                   defaultValue={pair.name}
+                  readOnly
                 />
               </div>
               <div className="form-control form-control--underlined form-control--wide">
                 <input
                   style={{ width: '100%' }}
                   defaultValue={pair.value}
+                  readOnly
                 />
               </div>
               <button><i className="fa fa-empty" /></button>