feat: use button component

This commit is contained in:
EETagent 2022-12-05 14:47:50 +01:00
parent b545987764
commit 7cb6739ab8
2 changed files with 22 additions and 22 deletions

View file

@ -1,6 +1,7 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { apiFillDetails } from '$lib/@api/candidate';
import Submit from '$lib/components/button/Submit.svelte';
import Email from '$lib/components/icons/Email.svelte';
import Home from '$lib/components/icons/Home.svelte';
@ -284,22 +285,23 @@
</span>
</div>
{/if}
<input
on:click={async (e) => {
await handleSubmit(e);
console.log('clicked ' + isPageInvalid());
if (isPageInvalid()) return;
if (pageIndex === pageCount) {
} else {
pagesFilled++;
pageIndex++;
}
errors.set(formInitialValues);
}}
class="bg-sspsBlue hover:bg-sspsBlueDark mt-8 w-full rounded-lg p-3 text-xl font-semibold text-white transition-colors duration-300 hover:cursor-pointer"
type="submit"
value={pageIndex === pageCount ? 'Odeslat' : 'Pokračovat'}
/>
<div class="mt-8 w-full">
<Submit
on:click={async (e) => {
await handleSubmit(e);
console.log('clicked ' + isPageInvalid());
if (isPageInvalid()) return;
if (pageIndex === pageCount) {
} else {
pagesFilled++;
pageIndex++;
}
errors.set(formInitialValues);
}}
value={pageIndex === pageCount ? 'Odeslat' : 'Pokračovat'}
/>
</div>
<div class="mt-8 flex flex-row justify-center">
{#each Array(pageCount + 1) as _, i}

View file

@ -1,5 +1,6 @@
<script lang="ts">
import { goto } from '$app/navigation';
import Submit from '$lib/components/button/Submit.svelte';
import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte';
import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
@ -25,12 +26,9 @@
<div class="w-3/5">
<TextField bind:value={applicationValue} placeholder="Ev. číslo" type="number" />
</div>
<input
on:click={redirectToCode}
class="bg-sspsBlue hover:bg-sspsBlueDark mt-8 w-3/5 rounded-lg p-3 text-xl font-semibold text-white transition-colors duration-300"
type="submit"
value="Odeslat"
/>
<div class="mt-8 w-3/5">
<Submit on:click={redirectToCode} value="Odeslat" />
</div>
</div>
</SplitLayout>