Add correct text for sensors

Author: xnkevinnguyen

src/view/components/toolbar/SensorModalUtils.tsx

@@ -425,6 +425,7 @@ export const LABEL_TO_MODAL_CONTENT_CONSTRUCTOR = new Map([
         CLUE_TOOLBAR_ICON_ID.ACCELEROMETER,
         CLUE_MODAL.CLUE_ACCELEROMETER_MODAL_CONTENT,
     ],
+    [CLUE_TOOLBAR_ICON_ID.SPEAKER, CLUE_MODAL.CLUE_SPEAKER_MODAL_CONTENT],
 ]);
 
 export const getModalContent = (

src/view/components/toolbar/clue/ClueModalContent.tsx

@@ -240,3 +240,17 @@ export const CLUE_LED_CONTENT = (
         id: "clue_neopixel",
     };
 };
+export const CLUE_SPEAKER_MODAL_CONTENT = (
+    onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
+    sensorValues: { [key: string]: number }
+): IModalContent => {
+    return {
+        descriptionTitle: "toolbar-speaker.title",
+        tagInput: undefined,
+        tagOutput: TAG_OUTPUT_SVG,
+        descriptionText: "toolbar-clue-speaker.description",
+        tryItDescription: "toolbar-speaker.tryItDescription",
+        components: [FEATURE_REQUEST_ON_GITHUB],
+        id: "speaker",
+    };
+};

src/view/translations/en.json

@@ -51,39 +51,40 @@
     "toolbar-microbit-wireless.description": "micro:bits can use radio waves and bluetooth services to communicate with each other",
     "toolbar-microbit-wireless.tryItDescription": "If you would like to see this sensor supported, please +1 the feature addition issue on GitHub! For now, you can try it on MakeCode!",
     "toolbar-clue-temperature-sensor.title": "Temperature",
-    "toolbar-clue-temperature-sensor.description": "",
-    "toolbar-clue-temperature-sensor.tryItDescription": "",
+    "toolbar-clue-temperature-sensor.description": "CLUE uses the BMP280 sensor, an environmental sensor with temperature.This precision sensor from Bosch is the best low-cost, precision sensing solution for measuring temperature with ±1.0°C accuracy.",
+    "toolbar-clue-temperature-sensor.tryItDescription": "You can set the temperature range from your code!",
     "toolbar-clue-light-sensor.title": "Light/Color Sensor",
-    "toolbar-clue-light-sensor.description": "",
-    "toolbar-clue-light-sensor.tryItDescription": "",
+    "toolbar-clue-light-sensor.description": "The light sensor uses APDS9960 and is able to return the red, blue, green and clear light.",
+    "toolbar-clue-light-sensor.tryItDescription": "You can set the color values of the light detected.",
     "toolbar-clue-accelerometer-sensor.title": "Accelerometer",
-    "toolbar-clue-accelerometer-sensor.description": "",
-    "toolbar-clue-accelerometer-sensor.tryItDescription": "",
+    "toolbar-clue-accelerometer-sensor.description": " The 3-axis accelerometer, can tell you which direction is down towards the Earth (by measuring gravity) or how fast the board is accelerating in 3D space.",
+    "toolbar-clue-accelerometer-sensor.tryItDescription": "Set the acceleration with the sliders.",
     "toolbar-clue-led.title": "Neopixel",
-    "toolbar-clue-led.description": "",
-    "toolbar-clue-led.tryItDescription": "",
+    "toolbar-clue-led.description": "The CLUE has one full RGB LED on it's back",
+    "toolbar-clue-led.tryItDescription": "Run your code and see the cool effects on the simulator!",
     "toolbar-clue-a-b-push.title": "Buttons",
-    "toolbar-clue-a-b-push.description": "",
-    "toolbar-clue-a-b-push.tryItDescription": "",
+    "toolbar-clue-a-b-push.description": "There are two buttons on the front of the CLUE (labelled A and B). The third button is to trigger both A and B buttons. You can detect when these buttons are pressed, allowing you to trigger code on the device.",
+    "toolbar-clue-a-b-push.tryItDescription": "Click them with your mouse or by pressing “A” and/or “B” on your keyboard!",
     "toolbar-clue-gpio.title": "Input/Output (GPIO)",
-    "toolbar-clue-gpio.description": "",
-    "toolbar-clue-gpio.tryItDescription": "",
+    "toolbar-clue-gpio.description": "On the bottom edge of your CLUE, you have 25 pins. These pins allow you to really get creative. You can create circuits, connect external things like buzzers and motors and make your own fun projects.",
+    "toolbar-clue-gpio.tryItDescription": "If you would like to see this sensor supported, please +1 the feature addition issue on GitHub!",
     "toolbar-clue-sound-sensor.title": "Sound",
-    "toolbar-clue-sound-sensor.description": "",
-    "toolbar-clue-sound-sensor.tryItDescription": "",
+    "toolbar-clue-sound-sensor.description": "The CLUE uses a PDM MEMS microphone. PDM is a little like 1-bit PWM. You clock the mic with a 1 MHz - 3 MHz clock rate, and on the data line you'll get a square wave out that syncs with the clock.",
+    "toolbar-clue-sound-sensor.tryItDescription": "If you would like to see this sensor supported, please +1 the feature addition issue on GitHub!",
     "toolbar-clue-pressure-sensor.title": "Pressure",
-    "toolbar-clue-pressure-sensor.description": "",
-    "toolbar-clue-pressure-sensor.tryItDescription": "",
+    "toolbar-clue-pressure-sensor.description": "CLUE uses the BMP280 sensor for barometric pressure. Because pressure changes with altitude, and the pressure measurements are so good, you can also use it as an altimeter with  ±1 meter accuracy.",
+    "toolbar-clue-pressure-sensor.tryItDescription": "You can set the pressure here.",
     "toolbar-clue-humidity-sensor.title": "Humidity",
-    "toolbar-clue-humidity-sensor.description": "",
-    "toolbar-clue-humidity-sensor.tryItDescription": "",
+    "toolbar-clue-humidity-sensor.description": "The SHT30-D sensor has an excellent ±2% relative humidity and ±0.5°C accuracy for most uses.",
+    "toolbar-clue-humidity-sensor.tryItDescription": "You can set the humidity % here.",
     "toolbar-clue-gesture-sensor.title": "Gesture",
-    "toolbar-clue-gesture-sensor.description": "",
-    "toolbar-clue-gesture-sensor.tryItDescription": "",
+    "toolbar-clue-gesture-sensor.description": "The gesture sensor can detect directional gestures (left to right, right to left, up to down, down to up), but in theory more complicated gestures like zig-zag, clockwise or counterclockwise circle, near to far, etc. could also be detected with additional code. ",
+    "toolbar-clue-gesture-sensor.tryItDescription": "Select a gesture and send it by clicking the button.",
     "toolbar-clue-proximity-sensor.title": "Proximity",
-    "toolbar-clue-proximity-sensor.description": "",
-    "toolbar-clue-proximity-sensor.tryItDescription": "",
+    "toolbar-clue-proximity-sensor.description": "The proximity sensor uses APDS9960 and is able to return how close an object is to the front of the sensor.",
+    "toolbar-clue-proximity-sensor.tryItDescription": "You can set the proximity here.",
     "toolbar-clue-bluetooth.title": "Bluetooth",
-    "toolbar-clue-bluetooth.description": "",
-    "toolbar-clue-bluetooth.tryItDescription": ""
-}
+    "toolbar-clue-bluetooth.description": "You can transmit data over Bluetooth to a computer or mobile device for data plotting and logging, or save it to the built in storage.",
+    "toolbar-clue-bluetooth.tryItDescription": "If you would like to see this sensor supported, please +1 the feature addition issue on GitHub! ",
+    "toolbar-clue-speaker.description": "The CLUE has a buzzer/speaker for playing tones and beeps."
+}