From 54ce2fc360cd6473a7b1505e5742b13d5ffdb8a6 Mon Sep 17 00:00:00 2001
From: Mohamed-Hacene <mohamedhacene.b@gmail.com>
Date: Mon, 2 Sep 2024 12:14:38 +0200
Subject: [PATCH] style: add disabled class for text area in forms

---
 frontend/src/lib/components/Forms/TextArea.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/Forms/TextArea.svelte b/frontend/src/lib/components/Forms/TextArea.svelte
index ca38e41ee..60ede379a 100644
--- a/frontend/src/lib/components/Forms/TextArea.svelte
+++ b/frontend/src/lib/components/Forms/TextArea.svelte
@@ -30,9 +30,10 @@
 	});
 
 	$: classesTextField = (errors: string[] | undefined) => (errors ? 'input-error' : '');
+	$: classesDisabled = (disabled: boolean) => (disabled ? 'opacity-50' : '');
 </script>
 
-<div class={regionContainer}>
+<div class={classesDisabled($$props.disabled)}>
 	{#if label !== undefined && !$$props.hidden}
 		{#if $constraints?.required}
 			<label class="text-sm font-semibold" for={field}