feat: fire chance

src/app/tools/tankopedia/[id]/components/AntagonistBar/index.tsx

@@ -104,6 +104,7 @@ export function AntagonistBar() {
                         onSelect={(tank) => {
                           mutateDuel((draft) => {
                             draft.antagonist!.tank = tank;
+                            draft.antagonist!.engine = tank.engines.at(-1)!;
                             draft.antagonist!.turret = tank.turrets.at(-1)!;
                             draft.antagonist!.gun =
                               draft.antagonist!.turret.guns.at(-1)!;

src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx

@@ -11,25 +11,24 @@ export function Modules() {
     <ConfigurationChildWrapper>
       <Heading size="4">Modules</Heading>
 
-      <Flex gap="2">
+      <Flex gap="2" wrap="wrap">
         <Flex>
-          {protagonist.tank.turrets.map((thisTurret, index) => {
+          {protagonist.tank.turrets.map((turret, index) => {
             return (
               <ModuleButton
-                key={thisTurret.id}
-                selected={protagonist.turret.id === thisTurret.id}
+                key={turret.id}
+                selected={protagonist.turret.id === turret.id}
                 type="module"
                 module="turret"
-                discriminator={TIER_ROMAN_NUMERALS[thisTurret.tier]}
+                discriminator={TIER_ROMAN_NUMERALS[turret.tier]}
                 first={index === 0}
                 last={index === protagonist.tank.turrets.length - 1}
                 rowChild
                 onClick={() => {
                   mutateDuel((draft) => {
-                    draft.protagonist!.turret = thisTurret;
-                    draft.protagonist!.gun = thisTurret.guns.at(-1)!;
-                    draft.protagonist!.shell =
-                      thisTurret.guns.at(-1)!.shells[0];
+                    draft.protagonist!.turret = turret;
+                    draft.protagonist!.gun = turret.guns.at(-1)!;
+                    draft.protagonist!.shell = turret.guns.at(-1)!.shells[0];
                   });
                 }}
               />
@@ -38,21 +37,43 @@ export function Modules() {
         </Flex>
 
         <Flex>
-          {protagonist.turret.guns.map((thisGun, index) => {
+          {protagonist.turret.guns.map((gun, index) => {
             return (
               <ModuleButton
-                key={thisGun.id}
+                key={gun.id}
                 type="module"
                 module="gun"
-                discriminator={TIER_ROMAN_NUMERALS[thisGun.tier]}
-                selected={protagonist.gun.id === thisGun.id}
+                discriminator={TIER_ROMAN_NUMERALS[gun.tier]}
+                selected={protagonist.gun.id === gun.id}
                 first={index === 0}
                 last={index === protagonist.turret.guns.length - 1}
                 rowChild
                 onClick={() => {
                   mutateDuel((draft) => {
-                    draft.protagonist!.gun = thisGun;
-                    draft.protagonist!.shell = thisGun.shells[0];
+                    draft.protagonist!.gun = gun;
+                    draft.protagonist!.shell = gun.shells[0];
+                  });
+                }}
+              />
+            );
+          })}
+        </Flex>
+
+        <Flex>
+          {protagonist.tank.engines.map((engine, index) => {
+            return (
+              <ModuleButton
+                key={engine.id}
+                type="module"
+                module="engine"
+                discriminator={TIER_ROMAN_NUMERALS[engine.tier]}
+                selected={protagonist.engine.id === engine.id}
+                first={index === 0}
+                last={index === protagonist.tank.engines.length - 1}
+                rowChild
+                onClick={() => {
+                  mutateDuel((draft) => {
+                    draft.protagonist!.engine = engine;
                   });
                 }}
               />

src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx

@@ -14,7 +14,9 @@ import { Provisions } from './components/Provisions';
 
 export function Characteristics() {
   const awaitedModelDefinitions = use(modelDefinitions);
-  const { tank, turret, gun, shell } = useDuel((state) => state.protagonist!);
+  const { tank, turret, gun, shell, engine } = useDuel(
+    (state) => state.protagonist!,
+  );
   const tankModelDefinition = awaitedModelDefinitions[tank.id];
   const turretModelDefinition = tankModelDefinition.turrets[turret.id];
   const gunModelDefinition = turretModelDefinition.guns[gun.id];
@@ -52,7 +54,7 @@ export function Characteristics() {
                 {tank.health + turret.health}
               </Info>
               <Info name="Fire chance" unit="%">
-                TODO
+                {Math.round(engine.fire_chance * 100)}
               </Info>
               <Info name="View range" unit="m">
                 TODO

src/app/tools/tankopedia/[id]/components/Title.tsx

@@ -1,9 +1,9 @@
 import { UpdateIcon } from '@radix-ui/react-icons';
 import { Button, Dialog, Flex, Heading } from '@radix-ui/themes';
+import { useState } from 'react';
 import { TREE_TYPE_ICONS } from '../../../../../components/Tanks';
 import { mutateDuel, useDuel } from '../../../../../stores/duel';
 import { TankSearch } from '../../components/TankSearch';
-import { useState } from 'react';
 
 export function Title() {
   const protagonist = useDuel((state) => state.protagonist!);
@@ -61,6 +61,7 @@ export function Title() {
                 onSelect={(tank) => {
                   mutateDuel((draft) => {
                     draft.protagonist!.tank = tank;
+                    draft.protagonist!.engine = tank.engines.at(-1)!;
                     draft.protagonist!.turret = tank.turrets.at(-1)!;
                     draft.protagonist!.gun =
                       draft.protagonist!.turret.guns.at(-1)!;

src/app/tools/tankopedia/[id]/page.tsx

@@ -22,18 +22,13 @@ export default function Page({ params }: { params: { id: string } }) {
       draft.assigned = true;
       draft.protagonist = {
         tank: awaitedTankDefinitions[id],
+        engine: awaitedTankDefinitions[id].engines.at(-1)!,
         turret: awaitedTankDefinitions[id].turrets.at(-1)!,
         gun: awaitedTankDefinitions[id].turrets.at(-1)!.guns.at(-1)!,
         shell: awaitedTankDefinitions[id].turrets.at(-1)!.guns.at(-1)!
           .shells[0],
       };
-      draft.antagonist = {
-        tank: awaitedTankDefinitions[id],
-        turret: awaitedTankDefinitions[id].turrets.at(-1)!,
-        gun: awaitedTankDefinitions[id].turrets.at(-1)!.guns.at(-1)!,
-        shell: awaitedTankDefinitions[id].turrets.at(-1)!.guns.at(-1)!
-          .shells[0],
-      };
+      draft.antagonist = { ...draft.protagonist };
     });
 
     mutateTankopediaTemporary((draft) => {