diff --git a/src/lib/styles/main.css b/src/lib/styles/main.css index cc21549..83a97d0 100644 --- a/src/lib/styles/main.css +++ b/src/lib/styles/main.css @@ -858,7 +858,7 @@ select option:hover { } .sort-container { - min-width: 8rem; + min-width: 11rem; max-width: 50%; } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 69f2393..39e1979 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -245,9 +245,11 @@ bind:value={sortOption} onchange={handleSortChange}> - - - + + + + + {/if} diff --git a/src/routes/api/items/search/+server.ts b/src/routes/api/items/search/+server.ts index cd96fe0..ccab874 100644 --- a/src/routes/api/items/search/+server.ts +++ b/src/routes/api/items/search/+server.ts @@ -10,12 +10,16 @@ function sortItems(items: IBasicItemPopulated[], sortOption: string): IBasicItem switch (sortOption) { case 'alphabetical': return a.name.localeCompare(b.name); + case 'reverseAlphabetical': + return b.name.localeCompare(a.name); case 'firstAdded': return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(); case 'lastAdded': return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime(); case 'recentlyChanged': return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(); + case 'oldestChanged': + return new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime(); default: return a.name.localeCompare(b.name); }