Racepicks: Fix "Your Race Pick" accordion opening lag

This commit is contained in:
2025-02-27 00:51:49 +01:00
parent a80f2e6fcd
commit 55d0525b37

View File

@ -69,6 +69,7 @@
</svelte:head> </svelte:head>
{#if data.currentrace} {#if data.currentrace}
{#await data.drivers then drivers}
<Accordion class="card mx-auto bg-surface-500 shadow" regionPanel="pt-0" width="w-full"> <Accordion class="card mx-auto bg-surface-500 shadow" regionPanel="pt-0" width="w-full">
<AccordionItem> <AccordionItem>
<svelte:fragment slot="lead"><ChequeredFlagIcon /></svelte:fragment> <svelte:fragment slot="lead"><ChequeredFlagIcon /></svelte:fragment>
@ -81,7 +82,7 @@
<div class="mt-2 flex gap-2"> <div class="mt-2 flex gap-2">
<div class="card flex w-full min-w-40 flex-col p-2 shadow"> <div class="card flex w-full min-w-40 flex-col p-2 shadow">
<span class="font-bold"> <span class="font-bold">
Step {data.currentrace.step}: {data.currentrace.name} {data.currentrace.name}
</span> </span>
{#if data.currentrace.sprintdate} {#if data.currentrace.sprintdate}
<div class="flex gap-2"> <div class="flex gap-2">
@ -122,7 +123,6 @@
<!-- Only show the userguess if signed in --> <!-- Only show the userguess if signed in -->
{#if data.user} {#if data.user}
{#await data.drivers then drivers}
<div class="mt-2 flex gap-2"> <div class="mt-2 flex gap-2">
<div class="card w-full min-w-40 p-2 pb-0 shadow"> <div class="card w-full min-w-40 p-2 pb-0 shadow">
<h1 class="mb-2 text-nowrap font-bold">Your P{data.currentrace.pxx} Pick:</h1> <h1 class="mb-2 text-nowrap font-bold">Your P{data.currentrace.pxx} Pick:</h1>
@ -151,7 +151,6 @@
/> />
</div> </div>
</div> </div>
{/await}
{/if} {/if}
<!-- Show users that have and have not picked yet --> <!-- Show users that have and have not picked yet -->
@ -197,10 +196,10 @@
</svelte:fragment> </svelte:fragment>
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
{/await}
{/if} {/if}
<!-- The fookin table --> <!-- The fookin table -->
<!-- TODO: Hide this thing if no picks... -->
<div class="flex"> <div class="flex">
<div> <div>
<!-- Points color coding legend --> <!-- Points color coding legend -->
@ -301,7 +300,6 @@
{/await} {/await}
</div> </div>
<!-- TODO: If no guess is made, the table will probably be too short? -->
<!-- TODO: Horizontal scrollbar missing in desktop chrome (fuck chrome)??? --> <!-- TODO: Horizontal scrollbar missing in desktop chrome (fuck chrome)??? -->
<div class="flex w-full overflow-x-scroll pb-2"> <div class="flex w-full overflow-x-scroll pb-2">
<!-- Not ideal but currentpickedusers contains all users, so we do not need to fetch the users separately --> <!-- Not ideal but currentpickedusers contains all users, so we do not need to fetch the users separately -->