Issue 123 canned messages

README.md

@@ -59,3 +59,15 @@ Start the development server:
 ```bash
 pnpm dev
 ```
+
+### Updating Protobufs
+
+To update to the latest protobufs go to https://buf.build/meshtastic/protobufs/sdks and select plugin version `1.10`.
+
+The version should look something like this: `1.10.0-20240906232734-3da561588c55.1`
+
+Where the version is *always* `1.10.0` followed by a timestamp and a commit hash. Updating to an SDK version higher than 1.10.0 has breaking changes.
+
+Use that version to updated your `package.json` file.
+
+*Ensure to keep the `meshtastic/js` protobufs in step with web*

src/components/PageComponents/ModuleConfig/CannedMessage.tsx

@@ -4,7 +4,8 @@ import { useDevice } from "@core/stores/deviceStore.js";
 import { Protobuf } from "@meshtastic/js";
 
 export const CannedMessage = (): JSX.Element => {
-  const { moduleConfig, setWorkingModuleConfig } = useDevice();
+  const { moduleConfig, cannedMessagesConfig, setWorkingModuleConfig, setWorkingCannedMessages } =
+    useDevice();
 
   const onSubmit = (data: CannedMessageValidation) => {
     setWorkingModuleConfig(
@@ -15,12 +16,23 @@ export const CannedMessage = (): JSX.Element => {
         },
       }),
     );
+
+    setWorkingCannedMessages(
+      new Protobuf.CannedMessages.CannedMessageModuleConfig({
+        messages: data.messages,
+      }),
+    );
   };
 
   return (
     <DynamicForm<CannedMessageValidation>
       onSubmit={onSubmit}
-      defaultValues={moduleConfig.cannedMessage}
+      defaultValues={{
+        ...moduleConfig.cannedMessage,
+        ...{
+          messages: cannedMessagesConfig.messages
+        }
+      }}
       fieldGroups={[
         {
           label: "Canned Message Settings",
@@ -32,6 +44,12 @@ export const CannedMessage = (): JSX.Element => {
               label: "Module Enabled",
               description: "Enable Canned Message",
             },
+            {
+              type: "text",
+              name: "messages",
+              label: "Messages",
+              description: "Separate messages with |",
+            },
             {
               type: "toggle",
               name: "rotary1Enabled",