diff --git a/src/components/auth/Register.svelte b/src/components/auth/Register.svelte
index 304754d..77dc264 100644
--- a/src/components/auth/Register.svelte
+++ b/src/components/auth/Register.svelte
@@ -12,6 +12,9 @@
let registrationSuccess = true
let checkingUsername = false
+ let checkIcon = ` `
+ let xIcon = ``
+
const checkUsername = async (event: Event) => {
checkingUsername = true
const { value } = event.target as HTMLInputElement
@@ -58,6 +61,16 @@
class="rounded-lg border-t-2 border-l-2 border-slate-600 w-4 h-4 block absolute top-4 right-4 animate-spin"
/>
{/if}
+ {#if !(username.length === 0) && usernameAvailable && usernameValid && !checkingUsername}
+
+ {@html checkIcon}
+
+ {/if}
+ {#if !(username.length === 0) && !checkingUsername && !(usernameAvailable && usernameValid)}
+
+ {@html xIcon}
+
+ {/if}
{#if !(username.length === 0)}