Peer-at-Code/peer-at-code-web
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix(chapters): removed filters when no data

Browse source
This commit is contained in:
glazk0 2024-09-17 18:34:03 +02:00
parent 66f16ec248
commit 56bae8c72f
No known key found for this signature in database
GPG key ID: E45BF177782B9FEB
1 changed files with 45 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
src/routes/(app)/chapters/[chapterId=id]/+page.svelte
View file

@ -102,48 +102,52 @@
{/if}
</div>
</header>
<div class="flex flex-col md:flex-row gap-2">
<div class="flex flex-col gap-2 md:flex-row">
<Input bind:value={name} placeholder="Rechercher un puzzle" />
<Select.Root
multiple
selected={themeList.map((theme) => ({ label: theme, value: theme }))}
onSelectedChange={(v) => {
if (v) {
themeList = v.map((item) => item.value);
} else {
themeList = [];
}
}}
>
<Select.Trigger class="md:w-[180px]">
<Select.Value placeholder="Thème" />
</Select.Trigger>
<Select.Content>
{#each Object.entries(themes) as [key, value]}
<Select.Item {value}>{key}</Select.Item>
{/each}
</Select.Content>
</Select.Root>
<Select.Root
multiple
selected={difficultyList.map((difficulty) => ({ label: difficulty, value: difficulty }))}
onSelectedChange={(v) => {
if (v) {
difficultyList = v.map((item) => item.value);
} else {
difficultyList = [];
}
}}
>
<Select.Trigger class="md:w-[180px]">
<Select.Value placeholder="Difficulté" />
</Select.Trigger>
<Select.Content>
{#each Object.entries(difficulties) as [key, value]}
<Select.Item {value}>{key}</Select.Item>
{/each}
</Select.Content>
</Select.Root>
{#if Object.keys(themes).length}
<Select.Root
multiple
selected={themeList.map((theme) => ({ label: theme, value: theme }))}
onSelectedChange={(v) => {
if (v) {
themeList = v.map((item) => item.value);
} else {
themeList = [];
}
}}
>
<Select.Trigger class="md:w-[180px]">
<Select.Value placeholder="Thème" />
</Select.Trigger>
<Select.Content>
{#each Object.entries(themes) as [key, value]}
<Select.Item {value}>{key}</Select.Item>
{/each}
</Select.Content>
</Select.Root>
{/if}
{#if Object.keys(difficulties).length}
<Select.Root
multiple
selected={difficultyList.map((difficulty) => ({ label: difficulty, value: difficulty }))}
onSelectedChange={(v) => {
if (v) {
difficultyList = v.map((item) => item.value);
} else {
difficultyList = [];
}
}}
>
<Select.Trigger class="md:w-[180px]">
<Select.Value placeholder="Difficulté" />
</Select.Trigger>
<Select.Content>
{#each Object.entries(difficulties) as [key, value]}
<Select.Item {value}>{key}</Select.Item>
{/each}
</Select.Content>
</Select.Root>
{/if}
</div>
<ul class="flex flex-col gap-2">
{#if !filteredPuzzles.length}