Add dialog Node Details

src/core/stores/appStore.ts

@@ -29,6 +29,7 @@ interface AppState {
   nodeNumToBeRemoved: number;
   accent: AccentColor;
   connectDialogOpen: boolean;
+  nodeNumDetails: number;
 
   setRasterSources: (sources: RasterSource[]) => void;
   addRasterSource: (source: RasterSource) => void;
@@ -42,6 +43,7 @@ interface AppState {
   setNodeNumToBeRemoved: (nodeNum: number) => void;
   setAccent: (color: AccentColor) => void;
   setConnectDialogOpen: (open: boolean) => void;
+  setNodeNumDetails: (nodeNum: number) => void;
 }
 
 export const useAppStore = create<AppState>()((set) => ({
@@ -57,6 +59,7 @@ export const useAppStore = create<AppState>()((set) => ({
   accent: "orange",
   connectDialogOpen: false,
   nodeNumToBeRemoved: 0,
+  nodeNumDetails: 0,
 
   setRasterSources: (sources: RasterSource[]) => {
     set(
@@ -124,4 +127,8 @@ export const useAppStore = create<AppState>()((set) => ({
       }),
     );
   },
+  setNodeNumDetails: (nodeNum) =>
+    set((state) => ({
+      nodeNumDetails: nodeNum,
+    })),
 }));

src/core/stores/deviceStore.ts

@@ -26,7 +26,8 @@ export type DialogVariant =
   | "reboot"
   | "deviceName"
   | "nodeRemoval"
-  | "pkiBackup";
+  | "pkiBackup"
+  | "nodeDetails";
 
 export interface Device {
   id: number;
@@ -62,6 +63,7 @@ export interface Device {
     deviceName: boolean;
     nodeRemoval: boolean;
     pkiBackup: boolean;
+    nodeDetails: boolean;
   };
 
   setStatus: (status: Types.DeviceStatusEnum) => void;
@@ -145,6 +147,7 @@ export const useDeviceStore = create<DeviceState>((set, get) => ({
             deviceName: false,
             nodeRemoval: false,
             pkiBackup: false,
+            nodeDetails: false,
           },
           pendingSettingsChanges: false,
           messageDraft: "",