From ce02649a06381f2827ffa0240a5ec3b72bf95a7f Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Tue, 29 Nov 2022 11:36:55 +0100
Subject: [PATCH] feat: add person icon, fix telephone field styles, person
 icon for id field

---
 .../src/lib/components/icons/Person.svelte     | 15 +++++++++++++++
 .../lib/components/textfield/IdField.svelte    | 18 ++++++------------
 .../components/textfield/TelephoneField.svelte |  4 ++++
 3 files changed, 25 insertions(+), 12 deletions(-)
 create mode 100644 frontend/src/lib/components/icons/Person.svelte

diff --git a/frontend/src/lib/components/icons/Person.svelte b/frontend/src/lib/components/icons/Person.svelte
new file mode 100644
index 0000000..954a815
--- /dev/null
+++ b/frontend/src/lib/components/icons/Person.svelte
@@ -0,0 +1,15 @@
+<svg  height="24" width="24" xmlns="http://www.w3.org/2000/svg"
+	><path
+		d="M19 21v-1.45c0-.977 0-1.465-.113-1.864a3 3 0 0 0-2.073-2.073c-.399-.113-.887-.113-1.864-.113h-6.9c-.977 0-1.465 0-1.864.113a3 3 0 0 0-2.073 2.073C4 18.085 4 18.573 4 19.55V21M16.2 7.06c0 2.245-1.88 4.065-4.2 4.065S7.8 9.305 7.8 7.06 9.68 2.996 12 2.996s4.2 1.82 4.2 4.064z"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+	/></svg
+>
+
+<style>
+	path {
+		@apply fill-sspsBlue stroke-sspsBlue;
+	}
+</style>
diff --git a/frontend/src/lib/components/textfield/IdField.svelte b/frontend/src/lib/components/textfield/IdField.svelte
index 53dada1..8af6983 100644
--- a/frontend/src/lib/components/textfield/IdField.svelte
+++ b/frontend/src/lib/components/textfield/IdField.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Telephone from '../icons/Telephone.svelte';
+	import Person from '../icons/Person.svelte';
 	import TextField from './TextField.svelte';
 
 	export let placeholder: string = '';
@@ -13,17 +13,11 @@
 	}
 </script>
 
-<TextField
-	bind:error
-	bind:value
-	on:keydown
-	on:keyup
-	on:change
-	type="text"
-	{placeholder}
-	icon
->
+<TextField bind:error bind:value on:keydown on:keyup on:change type="text" {placeholder} icon>
 	<div slot="icon" class="flex items-center justify-center">
-		<Telephone />
+		<Person />
 	</div>
 </TextField>
+
+<style>
+</style>
diff --git a/frontend/src/lib/components/textfield/TelephoneField.svelte b/frontend/src/lib/components/textfield/TelephoneField.svelte
index f5271e0..8a9038f 100644
--- a/frontend/src/lib/components/textfield/TelephoneField.svelte
+++ b/frontend/src/lib/components/textfield/TelephoneField.svelte
@@ -28,3 +28,7 @@
 		<Telephone />
 	</div>
 </TextField>
+
+<style>
+    
+</style>
\ No newline at end of file