Fix for BOM pricing donut chart (#7917) (#7922)

- Mantine charts tooltip can't handle '.' character.

(cherry picked from commit d7d908b74f)

Co-authored-by: Oliver <oliver.henry.walters@gmail.com>
This commit is contained in:
github-actions[bot] 2024-08-19 16:53:37 +10:00 committed by GitHub
parent 5b1e15ed30
commit 24d5730c54
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -32,13 +32,18 @@ function BomPieChart({
}) {
// Construct donut data
const maxPricing = useMemo(() => {
return data.map((entry, index) => {
return (
data
?.filter((el: any) => !!el.total_price_max)
.map((entry, index) => {
return {
name: entry.name,
value: entry.total_price_max,
// Note: Replace '.' in name to avoid issues with tooltip
name: entry?.name?.replace('.', '') ?? '',
value: entry?.total_price_max,
color: CHART_COLORS[index % CHART_COLORS.length] + '.5'
};
});
}) ?? []
);
}, [data]);
return (
@ -170,8 +175,8 @@ export default function BomPricingPanel({
const [chartType, setChartType] = useState<string>('pie');
const hasData: boolean = useMemo(() => {
return !table.isLoading && bomPricingData.length > 0;
}, [table.isLoading, bomPricingData.length]);
return !table.isLoading && bomPricingData && bomPricingData.length > 0;
}, [table.isLoading, bomPricingData]);
return (
<Stack gap="xs">