diff --git a/packages/website/src/components/Compare/CompareTable.tsx b/packages/website/src/components/Compare/CompareTable.tsx index 62029fb73..2829fae15 100644 --- a/packages/website/src/components/Compare/CompareTable.tsx +++ b/packages/website/src/components/Compare/CompareTable.tsx @@ -105,13 +105,13 @@ export function CompareTable({ stats }: CompareTableProps) { crewSkills[skill] === 0 ? Var("gray-11") : permanentSkills.includes(skill) - ? Var("crimson-11") - : Var("amber-11"), + ? Var("crimson-11") + : Var("amber-11"), }} /> ))} - ) + ), )} @@ -173,19 +173,19 @@ export function CompareTable({ stats }: CompareTableProps) { consumables, camouflage, }, - index + index, ) => { const equipmentPreset = equipmentDefinitions.presets[tank.equipment_preset]; const provisionsList = availableProvisions( tank, gun, - provisionDefinitions + provisionDefinitions, ); const consumablesList = Object.values( - consumableDefinitions.consumables + consumableDefinitions.consumables, ).filter((consumable) => - checkConsumableProvisionInclusivity(consumable, tank, gun) + checkConsumableProvisionInclusivity(consumable, tank, gun), ); return ( @@ -294,11 +294,11 @@ export function CompareTable({ stats }: CompareTableProps) { {unwrap( provision.id + (provision) => provision.id, )} selected={provisions} disabled={tank.max_provisions === provisions.length} @@ -452,7 +452,7 @@ export function CompareTable({ stats }: CompareTableProps) { CompareEphemeral.mutate((draft) => { draft.members[index].equipmentMatrix = times( 3, - () => times(3, () => 0) + () => times(3, () => 0), ) as EquipmentMatrix; draft.sorting = undefined; }); @@ -501,11 +501,11 @@ export function CompareTable({ stats }: CompareTableProps) { alt={unwrap( consumableDefinitions.consumables[ consumable - ].name + ].name, )} key={consumable} src={asset( - `/icons/consumables/${consumable}.webp` + `/icons/consumables/${consumable}.webp`, )} style={{ left: "50%", @@ -610,7 +610,7 @@ export function CompareTable({ stats }: CompareTableProps) { ); - } + }, )} diff --git a/packages/website/src/components/Compare/TankCard.tsx b/packages/website/src/components/Compare/TankCard.tsx index 3873d2195..6a87f8be6 100644 --- a/packages/website/src/components/Compare/TankCard.tsx +++ b/packages/website/src/components/Compare/TankCard.tsx @@ -55,7 +55,7 @@ export function TankCard({ index, tank }: TankCardProps) { }; }); const closest = distances.reduce((a, b) => - a.distance < b.distance ? a : b + a.distance < b.distance ? a : b, ); dropIndex = closest.index; @@ -85,8 +85,8 @@ export function TankCard({ index, tank }: TankCardProps) { CompareEphemeral.mutate((draft) => { const fromIndex = index; const toIndex = dropIndex > index ? dropIndex - 1 : dropIndex; - const member = draft.members[fromIndex]; + draft.members.splice(fromIndex, 1); draft.members.splice(toIndex, 0, member); }); @@ -99,7 +99,7 @@ export function TankCard({ index, tank }: TankCardProps) { return () => { draggable.current?.removeEventListener("pointerdown", handlePointerDown); }; - }, []); + }, [index]); return ( @@ -141,7 +141,6 @@ export function TankCard({ index, tank }: TankCardProps) { - );