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

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

(cherry picked from commit d7d908b)

Co-authored-by: Oliver <oliver.henry.walters@gmail.com>

src/frontend/src/pages/part/pricing/BomPricingPanel.tsx

@@ -32,13 +32,18 @@ function BomPieChart({
 }) {
   // Construct donut data
   const maxPricing = useMemo(() => {
-    return data.map((entry, index) => {
-      return {
-        name: entry.name,
-        value: entry.total_price_max,
-        color: CHART_COLORS[index % CHART_COLORS.length] + '.5'
-      };
-    });
+    return (
+      data
+        ?.filter((el: any) => !!el.total_price_max)
+        .map((entry, index) => {
+          return {
+            // 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">