Performance improvements

Changelog.md

@@ -1,3 +1,9 @@
+## 4.0.1 - UNRELEASED
+
+### Fixed
+
+-   Performance improvements for Retina Displays.
+
 ## 4.0.0 - 2024-03-13
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
     "name": "pc-nrfconnect-ppk",
-    "version": "4.0.0",
+    "version": "4.0.1",
     "displayName": "Power Profiler",
     "description": "App for use with Nordic Power Profiler Kits",
     "homepage": "https://github.com/NordicSemiconductor/pc-nrfconnect-ppk",
@@ -53,7 +53,7 @@
         "@types/redux-mock-store": "^1.0.3",
         "@types/unzipper": "^0.10.9",
         "bson": "4.6.5",
-        "chart.js": "^4.3.3",
+        "chart.js": "^4.4.2",
         "mathjs": "^10.6.3",
         "react-chartjs-2": "^5.2.0",
         "redux-mock-store": "^1.5.4",

src/components/Chart/AmpereChart.tsx

@@ -244,6 +244,7 @@ export default ({
                 },
             },
         },
+        devicePixelRatio: 1,
         parsing: false,
         maintainAspectRatio: false,
         animation: false,

src/components/SaveExport/ExportDialog.tsx

@@ -4,7 +4,13 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, {
+    useCallback,
+    useEffect,
+    useMemo,
+    useRef,
+    useState,
+} from 'react';
 import ProgressBar from 'react-bootstrap/ProgressBar';
 import { useDispatch, useSelector } from 'react-redux';
 import { dialog, getCurrentWindow } from '@electron/remote';
@@ -149,12 +155,14 @@ export default () => {
                 .replace('u', '\u00B5')
         );
     }, [duration]);
-    const filename = createFileName();
-    const close = () => {
+
+    const close = useCallback(() => {
         cancel.current = true;
         dispatch(hideExportDialog());
-    };
+    }, [dispatch]);
+
     const saveFile = async () => {
+        const filename = createFileName();
         const { filePath: fn } = await dialog.showSaveDialog(
             getCurrentWindow(),
             {

src/features/minimap/Minimap.tsx

@@ -332,6 +332,8 @@ function initializeMinimapChart(
                 ],
             },
             options: {
+                parsing: false,
+                devicePixelRatio: 1,
                 animation: false,
                 layout: {
                     autoPadding: false,