fix: first mile code snippet revisions for write data and execute query page (#4232)

Author: ChitlangeSahas

src/homepageExperience/components/steps/ExecuteAggregateQuery.tsx

@@ -28,7 +28,7 @@ export const ExecuteAggregateQuery = (props: ExecuteAggregateQueryProps) => {
 
   const codeSnippet = `query_api = client.query_api()
 
-query = "from(bucket: \\"${bucket}\\") |> range(start: -10m) |> filter(fn: (r) => r._measurement == "measurement1") |> mean()"
+query = 'from(bucket: "${bucket}") |> range(start: -10m) |> filter(fn: (r) => r._measurement == "measurement1") |> mean()'
 tables = query_api.query(query, org="${org.name}")
 
 for table in tables:

src/homepageExperience/components/steps/ExecuteQuery.tsx

@@ -20,12 +20,12 @@ export const ExecuteQuery = (props: ExecuteQueryProps) => {
   const {bucket} = props
   const query = `query_api = client.query_api()
 
-query = "from(bucket: \\"${bucket}\\") |> range(start: -10m) |> filter(fn: (r) => r._measurement == "measurement1")"
+query = 'from(bucket: "${bucket}") |> range(start: -10m) |> filter(fn: (r) => r._measurement == "measurement1")'
 tables = query_api.query(query, org="${org.name}")
 
 for table in tables:
-    for record in table.records:
-        print(record)`
+  for record in table.records:
+    print(record)`
 
   return (
     <>

src/homepageExperience/components/steps/Overview.tsx

@@ -1,10 +1,6 @@
 import React, {PureComponent} from 'react'
-import {event} from 'src/cloud/utils/reporting'
 
 export class Overview extends PureComponent {
-  private logDocsOpened = () => {
-    event('firstMile.pythonWizard.overview.docs.opened')
-  }
   render() {
     return (
       <div>
@@ -17,25 +13,7 @@ export class Overview extends PureComponent {
             and write and execute some basic queries.
           </p>
 
-          <p>
-            If you ever stray away from this set up process, worry not! You can
-            always refer to the “Help & Support” item in the side navigation
-            menu to return here.
-          </p>
-
           <p>Without further ado, let’s get started.</p>
-
-          <p style={{marginTop: '150px'}}>
-            Want to just look at code? Check out the code snippets involved in
-            this guide on{' '}
-            <a
-              href="https://github.com/influxdata/ui"
-              onClick={this.logDocsOpened}
-            >
-              Github
-            </a>
-            .
-          </p>
         </article>
       </div>
     )

src/homepageExperience/components/steps/WriteData.tsx

@@ -61,8 +61,8 @@ for value in range(5):
     .tag("tagname1", "tagvalue1")
     .field("field1", value)
   )
-write_api.write(bucket=bucket, org="${org.name}", record=point)
-time.sleep(1) # separate points by 1 second`
+  write_api.write(bucket=bucket, org="${org.name}", record=point)
+  time.sleep(1) # separate points by 1 second`
 
   return (
     <>