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

Commit

Permalink
Place holder for each clue sensors
Browse files Browse the repository at this point in the history
  • Loading branch information
@xnkevinnguyen
xnkevinnguyen committed Apr 1, 2020
1 parent 4c32700 commit a4fbab1
Show file tree
Hide file tree
Showing 2 changed files with 110 additions and 15 deletions.
29 changes: 23 additions & 6 deletions src/view/components/toolbar/SensorModalUtils.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,7 @@ import LightSensorBar from "./LightSensorBar";
import { Accelerometer } from "./motion/Accelerometer";
import MotionSensorBar from "./motion/MotionSensorBar";
import TemperatureSensorBar from "./TemperatureSensorBar";
import {
CLUE_TEMPERATURE_MODAL_CONTENT,
CLUE_ACCELEROMETER_MODAL_CONTENT,
} from "./modalContent/ClueModalContent";
import * as CLUE_MODAL from "./clue/ClueModalContent";

export const TRY_IT_MAKE_CODE = (
<div className="link-parent">
Expand Down Expand Up @@ -410,8 +407,28 @@ export const LABEL_TO_MODAL_CONTENT_CONSTRUCTOR = new Map([
[MICROBIT_TOOLBAR_ICON_ID.GPIO, MICROBIT_GPIO_MODAL_CONTENT],
[MICROBIT_TOOLBAR_ICON_ID.SOUND, MICROBIT_SOUND_MODAL_CONTENT],
[MICROBIT_TOOLBAR_ICON_ID.WIRELESS, MICROBIT_WIRELESS_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.TEMPERATURE, CLUE_TEMPERATURE_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.ACCELEROMETER, CLUE_ACCELEROMETER_MODAL_CONTENT],
[
CLUE_TOOLBAR_ICON_ID.TEMPERATURE,
CLUE_MODAL.CLUE_TEMPERATURE_MODAL_CONTENT,
],
[
CLUE_TOOLBAR_ICON_ID.ACCELEROMETER,
CLUE_MODAL.CLUE_ACCELEROMETER_MODAL_CONTENT,
],
[CLUE_TOOLBAR_ICON_ID.PUSH_BUTTON, CLUE_MODAL.CLUE_BUTTON_CONTENT],
[CLUE_TOOLBAR_ICON_ID.GPIO, CLUE_MODAL.CLUE_GPIO_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.LIGHT, CLUE_MODAL.CLUE_LIGHT_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.LEDS, CLUE_MODAL.CLUE_LED_CONTENT],
[CLUE_TOOLBAR_ICON_ID.SOUND, CLUE_MODAL.CLUE_SOUND_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.PRESSURE, CLUE_MODAL.CLUE_PRESSURE_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.HUMIDITY, CLUE_MODAL.CLUE_HUMIDITY_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.GESTURE, CLUE_MODAL.CLUE_GESTURE_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.PROXIMITY, CLUE_MODAL.CLUE_PROXIMITY_MODAL_CONTENT],
[CLUE_TOOLBAR_ICON_ID.BLUETOOTH, CLUE_MODAL.CLUE_BLUETOOTH_CONTENT],
[
CLUE_TOOLBAR_ICON_ID.ACCELEROMETER,
CLUE_MODAL.CLUE_ACCELEROMETER_MODAL_CONTENT,
],
]);

export const getModalContent = (
Expand Down
96 changes: 87 additions & 9 deletions ...toolbar/modalContent/ClueModalContent.tsx → ...ponents/toolbar/clue/ClueModalContent.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,82 @@ export const CLUE_LIGHT_MODAL_CONTENT = (
id: "light_sensor",
};
};
export const CLUE_HUMIDITY_MODAL_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
): IModalContent => {
return {
descriptionTitle: "toolbar-light-sensor.title",
tagInput: TAG_INPUT_SVG,
tagOutput: undefined,
descriptionText: "toolbar-light-sensor.description",
tryItDescription: "toolbar-light-sensor.tryItDescription",
components: [
<LightSensorBar
onUpdateValue={onUpdateValue}
value={sensorValues[SENSOR_LIST.LIGHT]}
/>,
],
id: "light_sensor",
};
};
export const CLUE_GESTURE_MODAL_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
): IModalContent => {
return {
descriptionTitle: "toolbar-light-sensor.title",
tagInput: TAG_INPUT_SVG,
tagOutput: undefined,
descriptionText: "toolbar-light-sensor.description",
tryItDescription: "toolbar-light-sensor.tryItDescription",
components: [
<LightSensorBar
onUpdateValue={onUpdateValue}
value={sensorValues[SENSOR_LIST.LIGHT]}
/>,
],
id: "light_sensor",
};
};
export const CLUE_PROXIMITY_MODAL_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
): IModalContent => {
return {
descriptionTitle: "toolbar-light-sensor.title",
tagInput: TAG_INPUT_SVG,
tagOutput: undefined,
descriptionText: "toolbar-light-sensor.description",
tryItDescription: "toolbar-light-sensor.tryItDescription",
components: [
<LightSensorBar
onUpdateValue={onUpdateValue}
value={sensorValues[SENSOR_LIST.LIGHT]}
/>,
],
id: "light_sensor",
};
};
export const CLUE_PRESSURE_MODAL_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
): IModalContent => {
return {
descriptionTitle: "toolbar-light-sensor.title",
tagInput: TAG_INPUT_SVG,
tagOutput: undefined,
descriptionText: "toolbar-light-sensor.description",
tryItDescription: "toolbar-light-sensor.tryItDescription",
components: [
<LightSensorBar
onUpdateValue={onUpdateValue}
value={sensorValues[SENSOR_LIST.LIGHT]}
/>,
],
id: "light_sensor",
};
};
export const CLUE_BUTTON_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
Expand All @@ -103,21 +179,23 @@ export const CLUE_BUTTON_CONTENT = (
id: "microbit_button",
};
};
export const MICROBIT_SOUND_MODAL_CONTENT = (

export const CLUE_BLUETOOTH_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
): IModalContent => {
return {
descriptionTitle: "toolbar-microbit-sound.title",
descriptionTitle: "toolbar-microbit-a-b-push.title",
tagInput: undefined,
tagOutput: TAG_OUTPUT_SVG,
descriptionText: "toolbar-microbit-sound.description",
tryItDescription: "toolbar-microbit-sound.tryItDescription",
components: [FEATURE_REQUEST_ON_GITHUB],
id: "microbit_sound",
tagOutput: TAG_INPUT_SVG,
descriptionText: "toolbar-microbit-a-b-push.description",
tryItDescription: "toolbar-microbit-a-b-push.tryItDescription",
components: undefined,
id: "microbit_button",
};
};
export const SPEAKER_MODAL_CONTENT = (

export const CLUE_SOUND_MODAL_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
): IModalContent => {
Expand All @@ -131,7 +209,7 @@ export const SPEAKER_MODAL_CONTENT = (
id: "speaker",
};
};
export const MICROBIT_LED_CONTENT = (
export const CLUE_LED_CONTENT = (
onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
sensorValues: { [key: string]: number }
): IModalContent => {
Expand Down

0 comments on commit a4fbab1

Please sign in to comment.