Add unknown to translatable strings for sim extension

Author: microbit-robert

simx/lang/ui.en.json

@@ -2,5 +2,9 @@
   "select-label": {
     "defaultMessage": "ML event:",
     "description": "Label for the simulator event select input"
+  },
+  "unknown-event-label": {
+    "defaultMessage": "unknown",
+    "description": "Label the default ML event"
   }
 }

simx/src/Simulator.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: MIT
  */
 import { ChangeEvent, useCallback, useEffect, useRef, useState } from "react";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import "./simulator.css";
 
 type MessageType = "register" | "data" | "request_data" | "simulate_event";
@@ -20,11 +20,15 @@ interface EventData {
 }
 
 const simChannel = "microbit-foundation/pxt-microbit-ml";
-const defaultEvent: EventData = { name: "unknown", value: 1 };
 const textDecoder = new TextDecoder();
 const textEncoder = new TextEncoder();
 
 const Simulator = () => {
+  const intl = useIntl();
+  const defaultEvent: EventData = {
+    name: intl.formatMessage({ id: "unknown-event-label" }),
+    value: 1,
+  };
   const [events, setEvents] = useState<EventData[]>([defaultEvent]);
   const [selectedEvent, setSelectedEvent] = useState<number>(
     defaultEvent.value

simx/src/messages/ui.en.json

@@ -4,5 +4,11 @@
       "type": 0,
       "value": "ML event:"
     }
+  ],
+  "unknown-event-label": [
+    {
+      "type": 0,
+      "value": "unknown"
+    }
   ]
 }