fix(firstMile): pre-launch validation fixes (#5682)

Author: ChitlangeSahas

src/homepageExperience/components/steps/arduino/ExecuteAggregateQuery.tsx

@@ -35,33 +35,33 @@ export const ExecuteAggregateQuery = (props: OwnProps) => {
     // ... code from Write Data step
     
     // Query will find the min RSSI value for last minute for each connected WiFi network with this device
-      String query = "from(bucket: \"${bucketName}\")\n\
-    |> range(start: -1m)\n\
-    |> filter(fn: (r) => r._measurement == \"wifi_status\")\n\
+      String aggregate_query = "from(bucket: \\"${bucketName}\\")\\n\\
+    |> range(start: -1m)\\n\\
+    |> filter(fn: (r) => r._measurement == \\"wifi_status\\")\\n\\
     |> min()";
     
       // Print composed query
-      Serial.println("Querying for the mean RSSI value written to the \"${bucketName}\" bucket in the last 1 min... ");
-      Serial.println(query);
+      Serial.println("Querying for the mean RSSI value written to the \\"${bucketName}\\" bucket in the last 1 min... ");
+      Serial.println(aggregate_query);
     
       // Send query to the server and get result
-      FluxQueryResult result = client.query(query);
+      FluxQueryResult aggregate_result = client.query(aggregate_query);
     
       Serial.println("Result : ");
       // Iterate over rows.
-      while (result.next()) {
+      while (aggregate_result.next()) {
         // Get converted value for flux result column 'SSID'
-        String ssid = result.getValueByName("SSID").getString();
+        String ssid = aggregate_result.getValueByName("SSID").getString();
         Serial.print("SSID '");
         Serial.print(ssid);
     
         Serial.print("' with RSSI ");
         // Get value of column named '_value'
-        long value = result.getValueByName("_value").getLong();
+        long value = aggregate_result.getValueByName("_value").getLong();
         Serial.print(value);
     
         // Get value for the _time column
-        FluxDateTime time = result.getValueByName("_time").getDateTime();
+        FluxDateTime time = aggregate_result.getValueByName("_time").getDateTime();
     
         String timeStr = time.format("%F %T");
     
@@ -72,13 +72,13 @@ export const ExecuteAggregateQuery = (props: OwnProps) => {
       }
     
       // Report any error
-      if (result.getError() != "") {
+      if (aggregate_result.getError() != "") {
         Serial.print("Query result error: ");
-        Serial.println(result.getError());
+        Serial.println(aggregate_result.getError());
       }
     
       // Close the result
-      result.close();
+      aggregate_result.close();
     
       Serial.println("==========");
     

src/homepageExperience/components/steps/arduino/ExecuteQuery.tsx

@@ -26,12 +26,12 @@ export const ExecuteQuery = (props: OwnProps) => {
     // ... code from Write Data step 
     
     // Query will find the RSSI values for last minute for each connected WiFi network with this device
-     String query = "from(bucket: \"${bucketName}\")\n\
-   |> range(start: -1m)\n\
-   |> filter(fn: (r) => r._measurement == \"wifi_status\" and r._field == \"rssi\")";
+     String query = "from(bucket: \\"${bucketName}\\")\\n\\
+   |> range(start: -1m)\\n\\
+   |> filter(fn: (r) => r._measurement == \\"wifi_status\\" and r._field == \\"rssi\\")";
    
      // Print composed query
-     Serial.println("Querying for RSSI values written to the \"${bucketName}\" bucket in the last 1 min... ");
+     Serial.println("Querying for RSSI values written to the \\"${bucketName}\\" bucket in the last 1 min... ");
      Serial.println(query);
    
      // Send query to the server and get result

src/homepageExperience/components/steps/arduino/InitializeClient.tsx

@@ -176,7 +176,9 @@ export const InitializeClient: FC<OwnProps> = ({
       Serial.print("InfluxDB connection failed: ");
       Serial.println(client.getLastErrorMessage());
     }
-  }`
+  }
+  void loop() {}
+`
 
   // Events log handling
   const logCopyCodeSnippet = () => {

src/homepageExperience/components/steps/arduino/InstallDependencies.tsx

@@ -13,8 +13,18 @@ export const InstallDependencies: FC = () => {
         <li>
           Under Sketch &rarr; Include Libraries, click on Manage Libraries.
         </li>
-        <li>Search for 'influxdb' in the search box.</li>
-        <li>Install 'InfluxDB Client for Arduino' library.</li>
+        <li>
+          Search for{' '}
+          <code className="homepage-wizard--code-highlight">'influxdb'</code> in
+          the search box.
+        </li>
+        <li>
+          Install{' '}
+          <code className="homepage-wizard--code-highlight">
+            'InfluxDB Client for Arduino'
+          </code>{' '}
+          library.
+        </li>
       </ol>
       <p>
         You'll need to have{' '}

src/homepageExperience/components/steps/arduino/PrepareIde.tsx

@@ -63,8 +63,10 @@ export const PrepareIde = () => {
           <ol style={listStyle}>
             <li>Open the Arduino Preferences (Arduino &rarr; Preferences) </li>
             <li>
-              Look for "Additional Boards Manager URLs" input box and paste
-              "http://arduino.esp8266.com/stable/package_esp8266com_index.json"
+              Look for "Additional Boards Manager URLs" input box and paste{' '}
+              <code className="homepage-wizard--code-highlight">
+                http://arduino.esp8266.com/stable/package_esp8266com_index.json
+              </code>{' '}
               in it.
             </li>
             <li>Click OK.</li>
@@ -82,8 +84,10 @@ export const PrepareIde = () => {
           <ol style={listStyle}>
             <li>Open the Arduino Preferences (Arduino &rarr; Preferences) </li>
             <li>
-              Look for "Additional Boards Manager URLs" input box and paste
-              "https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json"
+              Look for "Additional Boards Manager URLs" input box and paste{' '}
+              <code className="homepage-wizard--code-highlight">
+                https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
+              </code>{' '}
               in it.
             </li>
             <li>Click OK.</li>