fix register page + fix button display block

2 files changed, 4 insertions, 0 deletions

diff --git a/src/components/ui.tsx b/src/components/ui.tsx
index 37c24b3..3afd97a 100644
--- a/src/components/ui.tsx
+++ b/src/components/ui.tsx
@@ -42,6 +42,7 @@ export function Button(props: {
 		cursor: "pointer",
 		position: "relative",
 		textDecoration: "none",
+		display: "block",
 		...props.style
 	}}>
 	{ 
diff --git a/src/pages/register.tsx b/src/pages/register.tsx
index 5b8a606..e0f98de 100644
--- a/src/pages/register.tsx
+++ b/src/pages/register.tsx
@@ -40,15 +40,18 @@ function submitRegister() {
 	//TODO: alert -> react toast / material-ui snackbar
 	if ( formData.username.length > 35 ) {
 		alert("Je gebruikersnaam kan maximaal 35 tekens lang zijn!");
+		return;
 	}
 
 	if ( !validateEmail(formData.email) ) {
 		alert("Voer alsjeblieft een geldig e-mail adres in!");
+		return;
 	}
 
 	//TODO: wachtwoord max 72 tekens ivm bcrypt
 	if ( !formData.password.match(passwordRegex) ) {
 		alert("Je wachtwoord moet minimaal 8 tekens lang zijn en een hoofdletter, kleine letter, en een nummer bevatten!");
+		return;
 	}
 	
 	axios({