Update shared & currentPane use

Changelog.md

@@ -1,3 +1,9 @@
+## 2.4.1 - UNRELEASED
+
+### Added
+
+-   Support for Apple silicon.
+
 ## 2.4.0 - 2024-04-09
 
 ### Changed

package.json

@@ -1,6 +1,6 @@
 {
     "name": "pc-nrfconnect-dtm",
-    "version": "2.4.0",
+    "version": "2.4.1",
     "displayName": "Direct Test Mode",
     "description": "RF PHY testing of Bluetooth Low Energy devices",
     "homepage": "https://github.com/NordicSemiconductor/pc-nrfconnect-dtm",
@@ -11,7 +11,7 @@
     "author": "Nordic Semiconductor ASA",
     "license": "SEE LICENSE IN LICENSE",
     "engines": {
-        "nrfconnect": ">=4.4.1"
+        "nrfconnect": ">=5.0.0"
     },
     "nrfConnectForDesktop": {
         "nrfutil": {
@@ -45,7 +45,7 @@
         "prepare": "husky install"
     },
     "devDependencies": {
-        "@nordicsemiconductor/pc-nrfconnect-shared": "^170.0.0",
+        "@nordicsemiconductor/pc-nrfconnect-shared": "^176.0.0",
         "@testing-library/user-event": "^13.1.9",
         "chart.js": "^4.0.1",
         "chartjs-plugin-datalabels": "2.2.0",

src/index.tsx

@@ -16,6 +16,7 @@ import Receiver from './Receiver';
 import appReducer from './reducers';
 import SidePanel from './SidePanel';
 import Transmitter from './Transmitter';
+import { Panes } from './utils/panes';
 
 import './index.scss';
 
@@ -28,10 +29,13 @@ render(
         sidePanel={<SidePanel />}
         panes={[
             {
-                name: 'Transmitter',
+                name: Panes.TRANSMITTER,
                 Main: Transmitter,
             },
-            { name: 'Receiver', Main: Receiver },
+            {
+                name: Panes.RECEIVER,
+                Main: Receiver,
+            },
         ]}
     />
 );

src/utils/panes.ts

@@ -8,11 +8,14 @@ import { currentPane } from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import { RootState } from '../reducers/types';
 
-export const TRANSMITTER = 0;
-export const RECEIVER = 1;
+// todo: sync with Mode type from 'src/reducers/types.ts'
+export enum Panes {
+    TRANSMITTER = 'Transmitter',
+    RECEIVER = 'Receiver',
+}
 
 export const isTransmitterPane = (state: RootState) =>
-    currentPane(state) === TRANSMITTER;
+    currentPane(state) === Panes.TRANSMITTER;
 
 export const paneName = (state: RootState) =>
     isTransmitterPane(state) ? 'transmitter' : 'receiver';