diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx index 808e88e..02872f1 100644 --- a/frontend/src/pages/Home.tsx +++ b/frontend/src/pages/Home.tsx @@ -299,18 +299,20 @@ export default function Home() { [ammoPageCaliberIds, enabledCalibers], ); const ammoChartData = useMemo(() => { - const sortedInventory = [...enabledAmmoInventory].sort((left, right) => { - if (right.roundsOnHand !== left.roundsOnHand) { - return right.roundsOnHand - left.roundsOnHand; - } + const withRounds = enabledAmmoInventory + .filter((inventory) => inventory.roundsOnHand > 0) + .sort((left, right) => { + if (right.roundsOnHand !== left.roundsOnHand) { + return right.roundsOnHand - left.roundsOnHand; + } - return left.caliber.localeCompare(right.caliber); - }); - const maxRounds = sortedInventory[0]?.roundsOnHand ?? 0; + return left.caliber.localeCompare(right.caliber); + }); + const maxRounds = withRounds[0]?.roundsOnHand ?? 0; - return sortedInventory.map((inventory) => ({ + return withRounds.map((inventory) => ({ ...inventory, - widthPercent: maxRounds > 0 ? Math.max((inventory.roundsOnHand / maxRounds) * 100, inventory.roundsOnHand > 0 ? 8 : 0) : 0, + widthPercent: maxRounds > 0 ? Math.max((inventory.roundsOnHand / maxRounds) * 100, 8) : 0, })); }, [enabledAmmoInventory]); const firearmCategoryCounts = useMemo( @@ -1295,7 +1297,7 @@ export default function Home() { {ammoChartData.length === 0 ? ( -
Enable calibers in Settings to see your ammo inventory chart.
+Add rounds to a caliber to see how your inventory stacks up.
) : (