From f75e5b9a926b2c850f21a065bd42bcecb8c192f7 Mon Sep 17 00:00:00 2001
From: Maarten <maartenzam@gmail.com>
Date: Tue, 15 Oct 2024 00:05:57 +0200
Subject: [PATCH] Bubble for each actor nation

---
 src/lib/components/Timeline.svelte | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/Timeline.svelte b/src/lib/components/Timeline.svelte
index 21abdd4..f2f8ab5 100644
--- a/src/lib/components/Timeline.svelte
+++ b/src/lib/components/Timeline.svelte
@@ -153,13 +153,13 @@
 				{/each}
 				{#each cases as attrCase}
 					{#if attrCase.show}
-						<!--a href={'#case-' + attrCase.attribution_id} transition:fade-->
+						{#each attrCase.actor_nation as actorNat}
 						<g transition:fade>
 							{#if attrCase.offline_mobilization == '1'}
 								<circle
 									cx={xScale(new Date(attrCase.attribution_date))}
-									cy={actorNations.includes(attrCase.actor_nation[0])
-										? yScale(attrCase.actor_nation[0])
+									cy={actorNations.includes(actorNat)
+										? yScale(actorNat)
 										: yScale('Other')}
 									r={radiusScale(attrCase.breakout_scale) + 2}
 									fill={'none'}
@@ -170,12 +170,12 @@
 							{/if}
 							<Bubble
 								cx={xScale(new Date(attrCase.attribution_date))}
-								cy={actorNations.includes(attrCase.actor_nation[0])
-									? yScale(attrCase.actor_nation[0])
+								cy={actorNations.includes(actorNat)
+									? yScale(actorNat)
 									: yScale('Other')}
 								r={radiusScale(attrCase.breakout_scale)}
-								fill={actorNations.includes(attrCase.actor_nation[0])
-									? colorScale(attrCase.actor_nation[0])
+								fill={actorNations.includes(actorNat)
+									? colorScale(actorNat)
 									: colorScale('Other')}
 								stroke={'#ffffff'}
 								strokeWidth={1.5}
@@ -187,7 +187,7 @@
 								bind:showTooltip
 							></Bubble>
 						</g>
-						<!-- /a-->
+						{/each}
 					{/if}
 				{/each}
 			</g>