Skip to content

Collapse sidebar by default on /auction page #376

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
briansmiley merged 3 commits into from
Mar 9, 2026
Merged

Collapse sidebar by default on /auction page #376

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6d875a8
Collapse sidebar by default on /auction page
briansmiley Mar 9, 2026
4277064
Fix login redirect loop by deferring /auction redirect to client-side
briansmiley Mar 9, 2026
43d9ffa
Show Create Auction button for all users, not just admins
briansmiley Mar 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions frontend/src/routes/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { onMount } from 'svelte';

onMount(() => {
goto('/auction', { replaceState: true });
});
</script>
5 changes: 0 additions & 5 deletions frontend/src/routes/+page.ts
View file
Open in desktop

This file was deleted.

16 changes: 13 additions & 3 deletions frontend/src/routes/auction/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,22 @@
import AuctionLink from '$lib/components/auctionLink.svelte';
import AuctionModal from '$lib/components/auctionModal.svelte';
import { serverState } from '$lib/api.svelte';
import { useSidebar } from '$lib/components/ui/sidebar/context.svelte';
import { onMount } from 'svelte';
import type { websocket_api } from 'schema-js';

let selectedAuction: websocket_api.IAuction | null = $state(null);

// Collapse sidebar on this page, restore previous state on leave
const sidebar = useSidebar();
onMount(() => {
const wasOpen = sidebar.open;
sidebar.setOpen(false);
return () => {
sidebar.setOpen(wasOpen);
};
});

// Close the modal if the selected auction is deleted
$effect(() => {
if (selectedAuction && !serverState.auctions.has(selectedAuction.id!)) {
Expand All @@ -17,9 +29,7 @@

<div class="mr-auto flex flex-col gap-8 pt-8">
<h1 class="text-xl font-bold">Auction</h1>
{#if serverState.isAdmin && serverState.sudoEnabled}
<CreateAuction />
{/if}
<CreateAuction />

<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
{#each Array.from(serverState.auctions.values()).sort((a, b) => (a.transactionTimestamp?.seconds ?? 0) - (b.transactionTimestamp?.seconds ?? 0)) as auction}
Expand Down
Loading