Seeden/graph performance 2 (#2470)

* fix eslint remove unused property * simplify graph and fix performance * memoize line chart * typo * add missing type * remove unused code * add @mui/x-charts as peer dep * updated deps
Chia-Network · Sep 4, 2024 · 9117130 · 9117130
1 parent b6edf61
commit 9117130
Show file tree

Hide file tree

Showing 10 changed files with 355 additions and 155 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -75,6 +75,7 @@
     "@mui/material": "5.14.5",
     "@mui/styled-engine-sc": "5.12.0",
     "@mui/styles": "5.14.5",
+    "@mui/x-charts": "7.3.2",
     "@rollup/plugin-alias": "5.0.0",
     "@rollup/plugin-babel": "6.0.3",
     "@rollup/plugin-commonjs": "25.0.4",
@@ -116,6 +117,7 @@
     "@mui/material": "^5.14.5",
     "@mui/styled-engine-sc": "^5.12.0",
     "@mui/styles": "^5.14.5",
+    "@mui/x-charts": "^7.3.2",
     "electron": "^30.0.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/packages/core/src/components/FormatLargeNumber/FormatLargeNumber.tsx b/packages/core/src/components/FormatLargeNumber/FormatLargeNumber.tsx
@@ -25,7 +25,7 @@ export default function FormatLargeNumber(props: FormatLargeNumberProps) {
   const [locale] = useLocale();
 
   const numberFormat = useMemo(() => new Intl.NumberFormat(locale), [locale]);
-  const formatedValue = useMemo(() => {
+  const formattedValue = useMemo(() => {
     if (typeof value === 'undefined' || value === null) {
       return value;
     }
@@ -42,5 +42,5 @@ export default function FormatLargeNumber(props: FormatLargeNumberProps) {
     return numberFormat.format(value);
   }, [value, numberFormat, locale]);
 
-  return <span>{formatedValue}</span>;
+  return <span>{formattedValue}</span>;
 }