Format & lint

Author: xnkevinnguyen

src/view/components/toolbar/InputSlider.tsx

@@ -32,7 +32,7 @@ class InputSlider extends React.Component<ISliderProps, any, any> {
                     defaultValue={this.props.minValue.toLocaleString()}
                     pattern={`^-?[0-9]{0,${
                         this.props.maxValue.toString().length
-                        }}$`}
+                    }}$`}
                     onKeyUp={this.handleOnChange}
                     aria-label={`${this.props.type} sensor input ${this.props.axisLabel}`}
                 />

src/view/components/toolbar/SensorModalUtils.tsx

@@ -3,11 +3,10 @@
 import * as React from "react";
 import { SENSOR_LIST } from "../../constants";
 import { ARROW_RIGHT_SVG } from "../../svgs/arrow_right_svg";
-import * as CPX_MODAL from "./cpx/CpxModalContent"
 import * as CLUE_MODAL from "./clue/ClueModalContent";
+import * as CPX_MODAL from "./cpx/CpxModalContent";
 import * as MICROBIT_MODAL from "./microbit/MicrobitModalContent";
 
-
 export const TRY_IT_MAKE_CODE = (
     <div className="link-parent">
         <a href="https://makecode.adafruit.com/" className="link">
@@ -112,8 +111,6 @@ export const DEFAULT_MODAL_CONTENT: IModalContent = {
     id: "none",
 };
 
-
-
 export const LABEL_TO_MODAL_CONTENT_CONSTRUCTOR = new Map([
     [CPX_TOOLBAR_ICON_ID.GPIO, CPX_MODAL.GPIO_CONTENT],
     [CPX_TOOLBAR_ICON_ID.IR, CPX_MODAL.IR_CONTENT],

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

@@ -12,8 +12,8 @@ export const TEMPERATURE_CONTENT = (
     sensorValues: { [key: string]: number }
 ): IModalContent => {
     const temperatureSensorValues = {
-        T: sensorValues[SENSOR_LIST.TEMPERATURE]
-    }
+        T: sensorValues[SENSOR_LIST.TEMPERATURE],
+    };
     return {
         components: [
             <GenericSliderComponent

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

@@ -196,4 +196,4 @@ export const TEMPERATURE_SENSOR_PROPERTIES: ISensorProps = {
     LABEL: "Temperature sensor",
     sliderProps: [TEMPERATURE_SLIDER_PROPS],
     unitLabel: "°C",
-};
+};

src/view/components/toolbar/cpx/CpxModalContent.tsx

@@ -1,10 +1,14 @@
 import * as React from "react";
 import { SENSOR_LIST } from "../../../constants";
-import { IModalContent, FEATURE_REQUEST_ON_GITHUB, TRY_IT_MAKE_CODE } from "../SensorModalUtils";
 import { TAG_INPUT_SVG } from "../../../svgs/tag_input_svg";
 import { TAG_OUTPUT_SVG } from "../../../svgs/tag_output_svg";
 import { GenericSliderComponent } from "../GenericSliderComponent";
-import * as SENSOR_PROPERTIES from './CpxSensorProperties'
+import {
+    FEATURE_REQUEST_ON_GITHUB,
+    IModalContent,
+    TRY_IT_MAKE_CODE,
+} from "../SensorModalUtils";
+import * as SENSOR_PROPERTIES from "./CpxSensorProperties";
 
 export const GPIO_CONTENT = (
     onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
@@ -40,8 +44,8 @@ export const LIGHT_CONTENT = (
     sensorValues: { [key: string]: number }
 ): IModalContent => {
     const lightSensorValues = {
-        L: sensorValues[SENSOR_LIST.LIGHT]
-    }
+        L: sensorValues[SENSOR_LIST.LIGHT],
+    };
     return {
         descriptionTitle: "toolbar-light-sensor.title",
         tagInput: TAG_INPUT_SVG,
@@ -174,8 +178,8 @@ export const TEMPERATURE_CONTENT = (
     sensorValues: { [key: string]: number }
 ): IModalContent => {
     const temperatureSensorValues = {
-        T: sensorValues[SENSOR_LIST.TEMPERATURE]
-    }
+        T: sensorValues[SENSOR_LIST.TEMPERATURE],
+    };
     return {
         components: [
             <GenericSliderComponent
@@ -191,4 +195,4 @@ export const TEMPERATURE_CONTENT = (
         tagOutput: undefined,
         tryItDescription: "toolbar-temperature-sensor.tryItDescription",
     };
-};
+};

src/view/components/toolbar/cpx/CpxSensorProperties.tsx

@@ -1,5 +1,5 @@
-import { ISliderProps, ISensorProps } from "../../../viewUtils";
 import { SENSOR_LIST } from "../../../constants";
+import { ISensorProps, ISliderProps } from "../../../viewUtils";
 
 const LIGHT_SLIDER_PROPS: ISliderProps = {
     maxValue: 255,
@@ -63,4 +63,4 @@ export const MOTION_SENSOR_PROPERTIES: ISensorProps = {
         MOTION_SLIDER_PROPS_Z,
     ],
     unitLabel: "Lux",
-};
+};

src/view/components/toolbar/microbit/MicrobitModalContent.tsx

@@ -2,10 +2,10 @@ import * as React from "react";
 import { GESTURES_MICROBIT, SENSOR_LIST } from "../../../constants";
 import { TAG_INPUT_SVG } from "../../../svgs/tag_input_svg";
 import { TAG_OUTPUT_SVG } from "../../../svgs/tag_output_svg";
+import { GenericSliderComponent } from "../GenericSliderComponent";
 import { Gesture } from "../Gesture";
 import { FEATURE_REQUEST_ON_GITHUB, IModalContent } from "../SensorModalUtils";
-import { GenericSliderComponent } from "../GenericSliderComponent";
-import * as SENSOR_PROPERTIES from './MicrobitSensorProperties'
+import * as SENSOR_PROPERTIES from "./MicrobitSensorProperties";
 
 export const ACCELEROMETER_CONTENT = (
     onUpdateValue: (sensor: SENSOR_LIST, value: number) => void,
@@ -143,8 +143,8 @@ export const LIGHT_CONTENT = (
     sensorValues: { [key: string]: number }
 ): IModalContent => {
     const lightSensorValues = {
-        L: sensorValues[SENSOR_LIST.LIGHT]
-    }
+        L: sensorValues[SENSOR_LIST.LIGHT],
+    };
     return {
         descriptionTitle: "toolbar-light-sensor.title",
         tagInput: TAG_INPUT_SVG,
@@ -167,8 +167,8 @@ export const TEMPERATURE_CONTENT = (
     sensorValues: { [key: string]: number }
 ): IModalContent => {
     const temperatureSensorValues = {
-        T: sensorValues[SENSOR_LIST.TEMPERATURE]
-    }
+        T: sensorValues[SENSOR_LIST.TEMPERATURE],
+    };
     return {
         components: [
             <GenericSliderComponent

src/view/components/toolbar/microbit/MicrobitSensorProperties.tsx

@@ -1,5 +1,5 @@
-import { ISliderProps, ISensorProps } from "../../../viewUtils";
 import { SENSOR_LIST } from "../../../constants";
+import { ISensorProps, ISliderProps } from "../../../viewUtils";
 
 const LIGHT_SLIDER_PROPS: ISliderProps = {
     maxValue: 255,
@@ -10,7 +10,6 @@ const LIGHT_SLIDER_PROPS: ISliderProps = {
     axisLabel: "L",
 };
 
-
 export const LIGHT_SENSOR_PROPERTIES: ISensorProps = {
     LABEL: "Light sensor",
     sliderProps: [LIGHT_SLIDER_PROPS],
@@ -67,4 +66,4 @@ export const TEMPERATURE_SENSOR_PROPERTIES: ISensorProps = {
     LABEL: "Temperature sensor",
     sliderProps: [TEMPERATURE_SLIDER_PROPS],
     unitLabel: "°C",
-};
+};

src/view/styles/ToolBar.css

@@ -174,9 +174,9 @@
     flex-direction: "column";
     align-items: "center";
     height: 750;
-    padding-top:10px;
+    padding-top: 10px;
 }
 
-.generic-slider-component{
-    padding-top:10px;
-}
+.generic-slider-component {
+    padding-top: 10px;
+}