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 @@
+ |
Name |
Level |
Element |
@@ -374,7 +376,7 @@
{#if filteredRaids.length === 0 && !raidsQuery.isLoading}
- |
+ |
{searchTerm || hasActiveFilters
? 'No raids match your filters'
: 'No raids yet'}
@@ -383,6 +385,9 @@
{:else}
{#each filteredRaids as raid}
|
handleRaidClick(raid)} class="clickable">
+ |
+
+ |
{displayName(raid)}
|
@@ -574,6 +579,11 @@
}
}
+ .col-image {
+ width: 64px;
+ padding: 4px !important;
+ }
+
.col-name {
min-width: 200px;
}