import {formatMoney} from "./utils"; import React from "react"; import {useShopStore} from "./shop_store"; // #!render_count import {useRenderCount} from "@uidotdev/usehooks"; export function SummaryCrateHeader({crate_index}) { // #!render_count const renderCount = useRenderCount(); const currency = useShopStore((state) => state.currency); const crateParams = useShopStore((state) => state.crateParams); const clearCrate = useShopStore((state) => state.clearCrate); const delCrate = useShopStore((state) => state.delCrate); const crate_mode = useShopStore((state) => state.crates[crate_index].crate_mode); const crate_id = useShopStore((state) => state.crates[crate_index].id); // #!render_count console.log("SummaryCrateHeader renders: ", renderCount) let crate_type = crateParams(crate_mode); return ( {crate_type.name}
{`${currency} ${formatMoney(crate_type.price)}`}
) }