From 0fd82c6c3e5c18439a2881377211c301cefc027e Mon Sep 17 00:00:00 2001
From: Sebastian Pravda <sebastian.pravda@gmail.com>
Date: Wed, 11 Jan 2023 23:45:10 +0100
Subject: [PATCH] feat: error handling

---
 frontend/src/lib/components/button/Submit.svelte      |  1 +
 .../(candidate)/(authenticated)/register/+page.svelte | 11 ++++++++++-
 .../auth/login/[code=application]/+page.svelte        |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/button/Submit.svelte b/frontend/src/lib/components/button/Submit.svelte
index 81fe229..e7daefc 100644
--- a/frontend/src/lib/components/button/Submit.svelte
+++ b/frontend/src/lib/components/button/Submit.svelte
@@ -18,6 +18,7 @@
 
 <style lang="postcss">
 	input {
+		@apply hover:cursor-pointer;
 		@apply bg-sspsBlue hover:bg-sspsBlueDark 
         @apply @apply rounded-lg p-3 text-xl font-semibold 
         text-white transition-colors duration-300;
diff --git a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
index 419b9ed..4696f58 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
@@ -14,6 +14,7 @@
 	import TelephoneField from '$lib/components/textfield/TelephoneField.svelte';
 	import TextField from '$lib/components/textfield/TextField.svelte';
 	import type { PageData } from './$types';
+	import { SvelteToast, toast } from '@zerodevx/svelte-toast';
 
 	import { createForm } from 'svelte-forms-lib';
 	import type { Writable } from 'svelte/store';
@@ -199,7 +200,14 @@
 							values.candidate.birthdate
 						)
 					) {
-						alert('Rodné číslo neodpovídá oficiální specifikaci či datumu narození'); // TODO: alerts
+						// alert('Rodné číslo neodpovídá oficiální specifikaci či datumu narození'); // TODO: alerts
+						toast.push('Rodné číslo neodpovídá oficiální specifikaci či datumu narození', {
+							theme: {
+								'--toastColor': 'mintcream',
+								'--toastBackground': '#b91c1c',
+								'--toastBarBackground': '#7f1d1d'
+							}	
+						})
 						throw new Error('Rodné číslo neodpovídá datumu narození');
 					}
 				}
@@ -332,6 +340,7 @@
 </script>
 
 <SplitLayout>
+	<SvelteToast></SvelteToast>
 	<div class="form relative">
 		<div class="bottom-3/12 absolute flex w-full flex-col md:h-auto">
 			<div class="<md:h-24 <md:w-24 mb-4 h-32 w-32 self-center">
diff --git a/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte b/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
index 7e5ccfa..e0cbb29 100644
--- a/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
+++ b/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
@@ -36,7 +36,7 @@
 		}
 		codeValueMobile = codeValueArray.join('');
 		
-		if (codeValueArray.length === 12) {
+		if (codeValueArray.length == 12) {
 			submit();
 		}
 	};