remove 0 calibers from graph
This commit is contained in:
@@ -299,18 +299,20 @@ export default function Home() {
|
|||||||
[ammoPageCaliberIds, enabledCalibers],
|
[ammoPageCaliberIds, enabledCalibers],
|
||||||
);
|
);
|
||||||
const ammoChartData = useMemo(() => {
|
const ammoChartData = useMemo(() => {
|
||||||
const sortedInventory = [...enabledAmmoInventory].sort((left, right) => {
|
const withRounds = enabledAmmoInventory
|
||||||
|
.filter((inventory) => inventory.roundsOnHand > 0)
|
||||||
|
.sort((left, right) => {
|
||||||
if (right.roundsOnHand !== left.roundsOnHand) {
|
if (right.roundsOnHand !== left.roundsOnHand) {
|
||||||
return right.roundsOnHand - left.roundsOnHand;
|
return right.roundsOnHand - left.roundsOnHand;
|
||||||
}
|
}
|
||||||
|
|
||||||
return left.caliber.localeCompare(right.caliber);
|
return left.caliber.localeCompare(right.caliber);
|
||||||
});
|
});
|
||||||
const maxRounds = sortedInventory[0]?.roundsOnHand ?? 0;
|
const maxRounds = withRounds[0]?.roundsOnHand ?? 0;
|
||||||
|
|
||||||
return sortedInventory.map((inventory) => ({
|
return withRounds.map((inventory) => ({
|
||||||
...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]);
|
}, [enabledAmmoInventory]);
|
||||||
const firearmCategoryCounts = useMemo(
|
const firearmCategoryCounts = useMemo(
|
||||||
@@ -1295,7 +1297,7 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{ammoChartData.length === 0 ? (
|
{ammoChartData.length === 0 ? (
|
||||||
<p className="placeholder-copy">Enable calibers in Settings to see your ammo inventory chart.</p>
|
<p className="placeholder-copy">Add rounds to a caliber to see how your inventory stacks up.</p>
|
||||||
) : (
|
) : (
|
||||||
<div className="ammo-chart">
|
<div className="ammo-chart">
|
||||||
{ammoChartData.map((inventory) => (
|
{ammoChartData.map((inventory) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user