Add direct message button

src/core/stores/appStore.ts

@@ -1,3 +1,4 @@
+import { Types } from "@meshtastic/js";
 import { produce } from "immer";
 import { create } from "zustand";
 
@@ -30,6 +31,8 @@ interface AppState {
   accent: AccentColor;
   connectDialogOpen: boolean;
   nodeNumDetails: number;
+  activeChat: number;
+  chatType: "broadcast" | "direct";
 
   setRasterSources: (sources: RasterSource[]) => void;
   addRasterSource: (source: RasterSource) => void;
@@ -44,6 +47,8 @@ interface AppState {
   setAccent: (color: AccentColor) => void;
   setConnectDialogOpen: (open: boolean) => void;
   setNodeNumDetails: (nodeNum: number) => void;
+  setActiveChat: (chat: number) => void;
+  setChatType: (type: "broadcast" | "direct") => void;
 }
 
 export const useAppStore = create<AppState>()((set) => ({
@@ -60,6 +65,8 @@ export const useAppStore = create<AppState>()((set) => ({
   connectDialogOpen: false,
   nodeNumToBeRemoved: 0,
   nodeNumDetails: 0,
+  activeChat: Types.ChannelNumber.Primary,
+  chatType: "broadcast",
 
   setRasterSources: (sources: RasterSource[]) => {
     set(
@@ -131,4 +138,12 @@ export const useAppStore = create<AppState>()((set) => ({
     set((state) => ({
       nodeNumDetails: nodeNum,
     })),
+  setActiveChat: (chat) =>
+    set(() => ({
+      activeChat: chat,
+    })),
+  setChatType: (type) =>
+    set(() => ({
+      chatType: type,
+    })),
 }));