granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add elemental view toggle and remove end message

Browse source
This commit is contained in:
Justin Edmund 2025-12-19 15:50:53 -08:00
parent 08c6ec20bd
commit 66c8094346
1 changed files with 6 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/routes/(app)/[username]/collection/artifacts/+page.svelte
View file

@ -24,6 +24,11 @@
// Get loaded IDs context from layout // Get loaded IDs context from layout
const loadedIdsContext = getContext<LoadedIdsContext | undefined>(LOADED_IDS_KEY) const loadedIdsContext = getContext<LoadedIdsContext | undefined>(LOADED_IDS_KEY)
// User's element for elemental styling
const userElement = $derived(
data.user?.avatar?.element as 'wind' | 'fire' | 'water' | 'earth' | 'dark' | 'light' | undefined
)
// Filter state // Filter state
let elementFilters = $state<number[]>([]) let elementFilters = $state<number[]>([])
let proficiencyFilters = $state<number[]>([]) let proficiencyFilters = $state<number[]>([])
@ -246,7 +251,7 @@
{/if} {/if}
</div> </div>
<ViewModeToggle value={currentViewMode} onValueChange={handleViewModeChange} neutral={true} /> <ViewModeToggle value={currentViewMode} onValueChange={handleViewModeChange} element={userElement} />
</div> </div>
<!-- Collection grid --> <!-- Collection grid -->
@ -297,15 +302,6 @@
</div> </div>
{/if} {/if}
{#if !collectionQuery.hasNextPage && allArtifacts.length > 0}
<div class="end-message">
<p>
{allArtifacts.length} artifact{allArtifacts.length === 1 ? '' : 's'} in {data.isOwner
? 'your'
: 'this'} collection
</p>
</div>
{/if}
{/if} {/if}
</div> </div>
</div> </div>
@ -416,16 +412,6 @@
} }
} }
.end-message {
text-align: center;
padding: $unit-2x;
color: var(--text-secondary, #666);
p {
margin: 0;
}
}
@keyframes spin { @keyframes spin {
from { from {
transform: rotate(0deg); transform: rotate(0deg);