add color to events

wighawag · Apr 2, 2024 · 02384f3 · 02384f3
1 parent 852d324
commit 02384f3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/web/src/lib/actions/utils/faction-icons.ts b/web/src/lib/actions/utils/faction-icons.ts
@@ -4,6 +4,9 @@ export function getFactionIcon(color: Color): string {
 	let src = '/game-assets/blue.png';
 
 	switch (color) {
+		case 0:
+			src = '/game-assets/withdrawal.png';
+			break;
 		case 1:
 			src = '/game-assets/blue.png';
 			break;

diff --git a/web/src/lib/ui/events/EventInfo.svelte b/web/src/lib/ui/events/EventInfo.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import {getFactionIcon} from '$lib/actions/utils/faction-icons';
 	import ImgBlockie from '$utils/ethereum/ImgBlockie.svelte';
 	import {url} from '$utils/path';
 	import type {CellPlacements} from 'stratagems-indexer';
@@ -16,7 +17,7 @@
 		{/each}
 	{:else}
 		{@const player = event.players[0]}
-
+		<img src={url(getFactionIcon(event.players[0].color))} alt="color used" />
 		<span class="blockie-wrapper">
 			<ImgBlockie style="object-fit: cover;height: 100%;width: 100%;" address={player.address} />
 		</span>

diff --git a/web/static/game-assets/withdrawal.png b/web/static/game-assets/withdrawal.png