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",