From 83f5c0ca1491a97771f53faa4827d5d7a0880da5 Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Wed, 3 Dec 2025 17:40:03 +0100
Subject: [PATCH] make email readonly on recipient update modal

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/lib/components/TextField.svelte | 6 ++++++
 frontend/src/routes/recipient/+page.svelte   | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/TextField.svelte b/frontend/src/lib/components/TextField.svelte
index c181b1e..65dc55a 100644
--- a/frontend/src/lib/components/TextField.svelte
+++ b/frontend/src/lib/components/TextField.svelte
@@ -102,5 +102,11 @@
 		class:w-60={width === 'medium'}
 		class:w-95={width === 'large'}
 		class:w-full={width === 'full'}
+		class:readonly
+		class:cursor-not-allowed={readonly}
+		class:bg-gray-200={readonly}
+		class:dark:bg-gray-800={readonly}
+		class:text-gray-500={readonly}
+		class:dark:text-gray-500={readonly}
 	/>
 </label>
diff --git a/frontend/src/routes/recipient/+page.svelte b/frontend/src/routes/recipient/+page.svelte
index 6d14c71..7d71d0c 100644
--- a/frontend/src/routes/recipient/+page.svelte
+++ b/frontend/src/routes/recipient/+page.svelte
@@ -493,7 +493,8 @@
 						maxLength={255}
 						type="email"
 						bind:value={formValues.email}
-						placeholder="bob@example.test">Email</TextField
+						placeholder="bob@example.test"
+						readonly={modalMode === 'update'}>Email</TextField
 					>
 					<TextField
 						minLength={1}