Skip to content
This repository was archived by the owner on Dec 23, 2021. It is now read-only.

Commit a4fbab1

Browse files
xnkevinnguyenxnkevinnguyen
committed
Place holder for each clue sensors
1 parent 4c32700 commit a4fbab1

File tree

2 files changed

+110
-15
lines changed

2 files changed

+110
-15
lines changed

‎src/view/components/toolbar/SensorModalUtils.tsx

Lines changed: 23 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,7 @@ import LightSensorBar from "./LightSensorBar";
99
import { Accelerometer } from "./motion/Accelerometer";
1010
import MotionSensorBar from "./motion/MotionSensorBar";
1111
import TemperatureSensorBar from "./TemperatureSensorBar";
12-
import {
13-
CLUE_TEMPERATURE_MODAL_CONTENT,
14-
CLUE_ACCELEROMETER_MODAL_CONTENT,
15-
} from "./modalContent/ClueModalContent";
12+
import * as CLUE_MODAL from "./clue/ClueModalContent";
1613

1714
export const TRY_IT_MAKE_CODE = (
1815
<div className="link-parent">
@@ -410,8 +407,28 @@ export const LABEL_TO_MODAL_CONTENT_CONSTRUCTOR = new Map([
410407
[MICROBIT_TOOLBAR_ICON_ID.GPIO, MICROBIT_GPIO_MODAL_CONTENT],
411408
[MICROBIT_TOOLBAR_ICON_ID.SOUND, MICROBIT_SOUND_MODAL_CONTENT],
412409
[MICROBIT_TOOLBAR_ICON_ID.WIRELESS, MICROBIT_WIRELESS_MODAL_CONTENT],
413-
[CLUE_TOOLBAR_ICON_ID.TEMPERATURE, CLUE_TEMPERATURE_MODAL_CONTENT],
414-
[CLUE_TOOLBAR_ICON_ID.ACCELEROMETER, CLUE_ACCELEROMETER_MODAL_CONTENT],
410+
[
411+
CLUE_TOOLBAR_ICON_ID.TEMPERATURE,
412+
CLUE_MODAL.CLUE_TEMPERATURE_MODAL_CONTENT,
413+
],
414+
[
415+
CLUE_TOOLBAR_ICON_ID.ACCELEROMETER,
416+
CLUE_MODAL.CLUE_ACCELEROMETER_MODAL_CONTENT,
417+
],
418+
[CLUE_TOOLBAR_ICON_ID.PUSH_BUTTON, CLUE_MODAL.CLUE_BUTTON_CONTENT],
419+
[CLUE_TOOLBAR_ICON_ID.GPIO, CLUE_MODAL.CLUE_GPIO_MODAL_CONTENT],
420+
[CLUE_TOOLBAR_ICON_ID.LIGHT, CLUE_MODAL.CLUE_LIGHT_MODAL_CONTENT],
421+
[CLUE_TOOLBAR_ICON_ID.LEDS, CLUE_MODAL.CLUE_LED_CONTENT],
422+
[CLUE_TOOLBAR_ICON_ID.SOUND, CLUE_MODAL.CLUE_SOUND_MODAL_CONTENT],
423+
[CLUE_TOOLBAR_ICON_ID.PRESSURE, CLUE_MODAL.CLUE_PRESSURE_MODAL_CONTENT],
424+
[CLUE_TOOLBAR_ICON_ID.HUMIDITY, CLUE_MODAL.CLUE_HUMIDITY_MODAL_CONTENT],
425+
[CLUE_TOOLBAR_ICON_ID.GESTURE, CLUE_MODAL.CLUE_GESTURE_MODAL_CONTENT],
426+
[CLUE_TOOLBAR_ICON_ID.PROXIMITY, CLUE_MODAL.CLUE_PROXIMITY_MODAL_CONTENT],
427+
[CLUE_TOOLBAR_ICON_ID.BLUETOOTH, CLUE_MODAL.CLUE_BLUETOOTH_CONTENT],
428+
[
429+
CLUE_TOOLBAR_ICON_ID.ACCELEROMETER,
430+
CLUE_MODAL.CLUE_ACCELEROMETER_MODAL_CONTENT,
431+
],
415432
]);
416433

417434
export const getModalContent = (

‎src/view/components/toolbar/modalContent/ClueModalContent.tsx renamed to ‎src/view/components/toolbar/clue/ClueModalContent.tsx

Lines changed: 87 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,82 @@ export const CLUE_LIGHT_MODAL_CONTENT = (
8989
id: "light_sensor",
9090
};
9191
};
92+
export const CLUE_HUMIDITY_MODAL_CONTENT = (
93+
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
94+
sensorValues: { [key: string]: number }
95+
): IModalContent => {
96+
return {
97+
descriptionTitle: "toolbar-light-sensor.title",
98+
tagInput: TAG_INPUT_SVG,
99+
tagOutput: undefined,
100+
descriptionText: "toolbar-light-sensor.description",
101+
tryItDescription: "toolbar-light-sensor.tryItDescription",
102+
components: [
103+
<LightSensorBar
104+
onUpdateValue={onUpdateValue}
105+
value={sensorValues[SENSOR_LIST.LIGHT]}
106+
/>,
107+
],
108+
id: "light_sensor",
109+
};
110+
};
111+
export const CLUE_GESTURE_MODAL_CONTENT = (
112+
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
113+
sensorValues: { [key: string]: number }
114+
): IModalContent => {
115+
return {
116+
descriptionTitle: "toolbar-light-sensor.title",
117+
tagInput: TAG_INPUT_SVG,
118+
tagOutput: undefined,
119+
descriptionText: "toolbar-light-sensor.description",
120+
tryItDescription: "toolbar-light-sensor.tryItDescription",
121+
components: [
122+
<LightSensorBar
123+
onUpdateValue={onUpdateValue}
124+
value={sensorValues[SENSOR_LIST.LIGHT]}
125+
/>,
126+
],
127+
id: "light_sensor",
128+
};
129+
};
130+
export const CLUE_PROXIMITY_MODAL_CONTENT = (
131+
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
132+
sensorValues: { [key: string]: number }
133+
): IModalContent => {
134+
return {
135+
descriptionTitle: "toolbar-light-sensor.title",
136+
tagInput: TAG_INPUT_SVG,
137+
tagOutput: undefined,
138+
descriptionText: "toolbar-light-sensor.description",
139+
tryItDescription: "toolbar-light-sensor.tryItDescription",
140+
components: [
141+
<LightSensorBar
142+
onUpdateValue={onUpdateValue}
143+
value={sensorValues[SENSOR_LIST.LIGHT]}
144+
/>,
145+
],
146+
id: "light_sensor",
147+
};
148+
};
149+
export const CLUE_PRESSURE_MODAL_CONTENT = (
150+
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
151+
sensorValues: { [key: string]: number }
152+
): IModalContent => {
153+
return {
154+
descriptionTitle: "toolbar-light-sensor.title",
155+
tagInput: TAG_INPUT_SVG,
156+
tagOutput: undefined,
157+
descriptionText: "toolbar-light-sensor.description",
158+
tryItDescription: "toolbar-light-sensor.tryItDescription",
159+
components: [
160+
<LightSensorBar
161+
onUpdateValue={onUpdateValue}
162+
value={sensorValues[SENSOR_LIST.LIGHT]}
163+
/>,
164+
],
165+
id: "light_sensor",
166+
};
167+
};
92168
export const CLUE_BUTTON_CONTENT = (
93169
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
94170
sensorValues: { [key: string]: number }
@@ -103,21 +179,23 @@ export const CLUE_BUTTON_CONTENT = (
103179
id: "microbit_button",
104180
};
105181
};
106-
export const MICROBIT_SOUND_MODAL_CONTENT = (
182+
183+
export const CLUE_BLUETOOTH_CONTENT = (
107184
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
108185
sensorValues: { [key: string]: number }
109186
): IModalContent => {
110187
return {
111-
descriptionTitle: "toolbar-microbit-sound.title",
188+
descriptionTitle: "toolbar-microbit-a-b-push.title",
112189
tagInput: undefined,
113-
tagOutput: TAG_OUTPUT_SVG,
114-
descriptionText: "toolbar-microbit-sound.description",
115-
tryItDescription: "toolbar-microbit-sound.tryItDescription",
116-
components: [FEATURE_REQUEST_ON_GITHUB],
117-
id: "microbit_sound",
190+
tagOutput: TAG_INPUT_SVG,
191+
descriptionText: "toolbar-microbit-a-b-push.description",
192+
tryItDescription: "toolbar-microbit-a-b-push.tryItDescription",
193+
components: undefined,
194+
id: "microbit_button",
118195
};
119196
};
120-
export const SPEAKER_MODAL_CONTENT = (
197+
198+
export const CLUE_SOUND_MODAL_CONTENT = (
121199
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
122200
sensorValues: { [key: string]: number }
123201
): IModalContent => {
@@ -131,7 +209,7 @@ export const SPEAKER_MODAL_CONTENT = (
131209
id: "speaker",
132210
};
133211
};
134-
export const MICROBIT_LED_CONTENT = (
212+
export const CLUE_LED_CONTENT = (
135213
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
136214
sensorValues: { [key: string]: number }
137215
): IModalContent => {

0 commit comments

Comments
 (0)