diff --git a/src/lib/components/database/cells/RaidImageCell.svelte b/src/lib/components/database/cells/RaidImageCell.svelte new file mode 100644 index 00000000..ff5d84da --- /dev/null +++ b/src/lib/components/database/cells/RaidImageCell.svelte @@ -0,0 +1,51 @@ + + + + +
+ {#if raid.enemy_id} + + {:else} +
+ {/if} +
+ + diff --git a/src/routes/(app)/database/raids/+page.svelte b/src/routes/(app)/database/raids/+page.svelte index d346e823..7229a53d 100644 --- a/src/routes/(app)/database/raids/+page.svelte +++ b/src/routes/(app)/database/raids/+page.svelte @@ -17,6 +17,7 @@ import Segment from '$lib/components/ui/segmented-control/Segment.svelte' import RaidGroupNameCell from '$lib/components/database/cells/RaidGroupNameCell.svelte' import RaidGroupFlagsCell from '$lib/components/database/cells/RaidGroupFlagsCell.svelte' + import RaidImageCell from '$lib/components/database/cells/RaidImageCell.svelte' import type { Raid, RaidGroup } from '$lib/types/api/entities' import type { RaidGroupFull } from '$lib/types/api/raid' import { getRaidSectionLabel } from '$lib/utils/raidSection' @@ -364,6 +365,7 @@ + @@ -374,7 +376,7 @@ {#if filteredRaids.length === 0 && !raidsQuery.isLoading} - handleRaidClick(raid)} class="clickable"> + @@ -574,6 +579,11 @@ } } + .col-image { + width: 64px; + padding: 4px !important; + } + .col-name { min-width: 200px; }
Name Level Element
+ {searchTerm || hasActiveFilters ? 'No raids match your filters' : 'No raids yet'} @@ -383,6 +385,9 @@ {:else} {#each filteredRaids as raid}
+ + {displayName(raid)}