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) {
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) {
-
);