From 396a02cfe7bc0b7832652b99b8f63d803f70d490 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 21 Dec 2025 23:05:56 -0800
Subject: [PATCH] fix extra weapons grid to find weapons by position

---
 src/lib/components/extra/ExtraWeaponsGrid.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/extra/ExtraWeaponsGrid.svelte b/src/lib/components/extra/ExtraWeaponsGrid.svelte
index 8a92cfdf..7112e47a 100644
--- a/src/lib/components/extra/ExtraWeaponsGrid.svelte
+++ b/src/lib/components/extra/ExtraWeaponsGrid.svelte
@@ -10,13 +10,18 @@
   }
 
   let { weapons = [], offset = 9 }: Props = $props()
+
+  // Create array for extra weapon slots by finding weapons at positions offset+0, offset+1, offset+2
+  let extraWeaponSlots = $derived.by(() => {
+    return [0, 1, 2].map(i => weapons.find(w => w.position === offset + i))
+  })
 </script>
 
 <ExtraContainerItem title={m.extra_weapons()}>
   <ul class="grid">
-    {#each [0, 1, 2] as i}
-      <li class:empty={!weapons[offset + i]}>
-        <WeaponUnit item={weapons[offset + i]} position={offset + i} />
+    {#each extraWeaponSlots as weapon, i}
+      <li class:empty={!weapon}>
+        <WeaponUnit item={weapon} position={offset + i} />
       </li>
     {/each}
   </ul>