From 8813e67237b8f7eec60d57cb0af572d4d0f2859f Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Fri, 25 Nov 2022 16:23:49 +0100
Subject: [PATCH] feat: add errors to textfield

---
 .../src/lib/components/textfield/TextField.svelte     | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/textfield/TextField.svelte b/frontend/src/lib/components/textfield/TextField.svelte
index 5fd5f7b..526ef8a 100644
--- a/frontend/src/lib/components/textfield/TextField.svelte
+++ b/frontend/src/lib/components/textfield/TextField.svelte
@@ -7,14 +7,17 @@
 	export let value: string = '';
 
 	export let icon: boolean = false;
+	export let error: string = "";
 </script>
 
-<div class="mt-8 relative flex justify-center items-center">
+<div class="relative flex justify-center items-center">
 	<input
+		class:error={error}
 		bind:value
 		on:click
 		on:keydown
 		on:keyup
+		on:change
 		class:withIcon={icon}
 		class="bg-[#f8fafb] w-full shadow-lg p-3 rounded-lg text-xl outline-none border transition-colors duration-300 hover:border-sspsBlue  border-2"
 		use:typeAction
@@ -28,7 +31,13 @@
 </div>
 
 <style>
+	div, input {
+		@apply w-full;
+	}
 	.withIcon {
 		@apply pr-14;
 	}
+	.error {
+		@apply border-red-700;
+	}
 </style>