Fix style by Prettier

src/components/ArticlesList.jsx

@@ -39,14 +39,11 @@ ArticlesList.propTypes = {
   parent_category: PropTypes.string.isRequired,
 }
 
-export default props => {
+export default (props) => {
   const data = useStaticQuery(graphql`
     query {
       allMarkdownRemark(
-        sort: [
-          {frontmatter: {order: ASC}},
-          {frontmatter: {title: ASC}}
-        ]
+        sort: [{ frontmatter: { order: ASC } }, { frontmatter: { title: ASC } }]
         filter: {
           fileAbsolutePath: { regex: "/pages/kb/" }
           frontmatter: { layout: { ne: "kb-category" } }

src/components/QuickNav.jsx

@@ -19,10 +19,10 @@ class QuickNav extends React.Component {
       baseLevel
 
     let min_heading = 6
-    headings.forEach(heading => {
+    headings.forEach((heading) => {
       min_heading = Math.min(min_heading, parseInt(heading.tagName.substr(1)))
     })
-    headings.forEach(heading => {
+    headings.forEach((heading) => {
       let newLine
       const title = heading.textContent
       const id =

src/data/customers.yml

@@ -1,98 +1,98 @@
 - customer: Root
   url: https://www.joinroot.com/
-  logo: "/assets/images/customers/root.png"
+  logo: '/assets/images/customers/root.png'
   person: Dan Manges
   role: CTO
-  profile-img: "/assets/images/customers/dan-manges.jpg"
+  profile-img: '/assets/images/customers/dan-manges.jpg'
   quote: Root is an extremely data-driven company. We make dozens of changes to our product every week, and we measure the impact of all of them. Redash allows us to easily analyze data and share results among our team.
 - customer: AuptiX
   url: https://www.auptix.com/
-  logo: "/assets/images/customers/auptix.png"
+  logo: '/assets/images/customers/auptix.png'
   person: Lu Saenz
   role: VP Engineering & Product
-  profile-img: "/assets/images/customers/lu-saenz.jpg"
+  profile-img: '/assets/images/customers/lu-saenz.jpg'
   quote: Redash enabled us to surface visualizations and dashboards to everyone in the company -- remarkably easily and efficiently. The capabilities to share query results and combine many queries into publicly viewable dashboards work flawlessly and get the job done.
 - customer: MyBook
   url: https://mybook.ru/
-  logo: "/assets/images/customers/mybook.png"
+  logo: '/assets/images/customers/mybook.png'
   person: Ilya Baryshev
   role: CTO
-  profile-img: "/assets/images/customers/ilya-baryshev.jpg"
+  profile-img: '/assets/images/customers/ilya-baryshev.jpg'
   quote: Redash greatly reduced the need to build custom analytics UI. Our Marketing team now heavily uses cohort dashboards, it is their daily tool now! Overall, Redash saves ton of time for the team.
 - customer: FindHotel
   url: https://www.findhotel.net/
-  logo: "/assets/images/customers/findhotel.png"
+  logo: '/assets/images/customers/findhotel.png'
   person: German Gomez-Herrero
   role: CTO
-  profile-img: "/assets/images/customers/german-gomez-herrero.jpg"
+  profile-img: '/assets/images/customers/german-gomez-herrero.jpg'
   quote: At FindHotel every important decision is based on data, and Redash has quickly become one of the preferred tools to share a data story across the company. Redash dashboards combined with the large number of supported data sources have made our company data fully transparent for everyone. From technical metrics such as pipeline latencies and infrastructure costs, to high level business metrics. Everything can be easily accessed and visualised with Redash.
 - customer: DataMiner
   url: https://data-miner.io/
-  logo: "/assets/images/customers/data-miner.png"
+  logo: '/assets/images/customers/data-miner.png'
   person: Ben Dehghan
   role: Co-Founder
-  profile-img: "/assets/images/customers/ben-dehghan.jpg"
+  profile-img: '/assets/images/customers/ben-dehghan.jpg'
   quote: Redash is as essential as email to my company. We love data but accessing the data is a pain without Redash. Any company I go to, I get them hooked on Redash. It's an easy sell :)
 - customer: VoxFeed
   url: https://voxfeed.com/
-  logo: "/assets/images/customers/voxfeed.png"
+  logo: '/assets/images/customers/voxfeed.png'
   person: Manuel de la Torre
   role: CTO
-  profile-img: "/assets/images/customers/manuel-de-la-torre.png"
+  profile-img: '/assets/images/customers/manuel-de-la-torre.png'
   quote: Since we use Redash Dashboards our team is more involved in all areas of our business and we take always data-driven decisions. We passed from spending about an hour scripting to get a report, to just type a simple query and have the results ready-to-use immediately.
 - customer: SkyEng
   url: https://skyeng.ru/
-  logo: "/assets/images/customers/skyeng.png"
+  logo: '/assets/images/customers/skyeng.png'
   person: Gleb Sologub
   role: Prouduct Analyst
-  profile-img: ""
+  profile-img: ''
   quote: I love Redash for the simplicity, price and a great number of usage patterns. My favourite features are parameters and filters as well as Redash API.
 - customer: Sheetsu
   url: http://sheetsu.com/
-  logo: "/assets/images/customers/sheetsu.png"
+  logo: '/assets/images/customers/sheetsu.png'
   person: Michael Oblak
   role: Founder
-  profile-img: "/assets/images/customers/michael-oblak.jpg"
+  profile-img: '/assets/images/customers/michael-oblak.jpg'
   quote: It's easy for us to connect data from different sources and see the bigger picture and get more knowledge from all the data we are gathering in all different places. Redash helped us to see how our business is going. Before doing anything, we are setting the KPIs, which we are tracking on the dashboards. We have queries that help us answer some of the questions, why our users behave in such way or another. Very easy to set up. Perfect to collaborate with other team mates.
 - customer: Atomized
   url: https://www.atomized.com/
-  logo: "/assets/images/customers/atomized.jpeg"
+  logo: '/assets/images/customers/atomized.jpeg'
   person: Jon Lee
   role: CTO
-  profile-img: ""
+  profile-img: ''
   quote: The ability to query multiple data sources from a single window in a read-only environment is a huge plus for our team on a day to day basis. Redash allowed our team to provide better customer service by giving us the information we need without requiring a developer to get involved.
 - customer: Redox
   url: https://www.redoxengine.com/
-  logo: "/assets/images/customers/redox.png"
+  logo: '/assets/images/customers/redox.png'
   person: Tom Jessessky
   role: Data and Analytics Lead
-  profile-img: "/assets/images/customers/tom-jessessky.jpg"
+  profile-img: '/assets/images/customers/tom-jessessky.jpg'
   quote: Redash's ability to efficiently query Redshift has allowed it to fill in the gaps where our other (more expensive) dashboard tools fall short.
 - customer: SpareFoot
   url: https://www.sparefoot.com/
-  logo: "/assets/images/customers/sparefoot.png"
+  logo: '/assets/images/customers/sparefoot.png'
   person: Debyani Ghosh
   role: Senior Data Architect
-  profile-img: ""
+  profile-img: ''
   quote: Redash makes it easy for our analysts and engineers to save queries and share across the business. We like the fact that the end users have the same UI experience whether they are connecting to Redshift, Mysql or Data Lake via Athena.
 - customer: Just Add Music
   url: https://www.justaddmusic.net/
-  logo: "/assets/images/customers/justaddmusic.png"
+  logo: '/assets/images/customers/justaddmusic.png'
   person: Dirk Bosman
   role: Data Analyst
-  profile-img: "/assets/images/customers/dirk-bosman.jpg"
+  profile-img: '/assets/images/customers/dirk-bosman.jpg'
   quote: With Redash, we have managed to integrate various data source in one single view to make our company more data-driven.
 - customer: Farmster
   url: https://www.farmster.co/
-  logo: "/assets/images/customers/farmster.png"
+  logo: '/assets/images/customers/farmster.png'
   person: Adam Abramson
   role: Founder
-  profile-img: ""
+  profile-img: ''
   quote: Redash is a huge plus for a startup seeking to display our progress to investors and partners in a simple and elegant way.
 - customer: Datree
   url: https://datree.io/
-  logo: "/assets/images/customers/datree.png"
+  logo: '/assets/images/customers/datree.png'
   person: Eyar Zilberman
   role: CPO
-  profile-img: "/assets/images/customers/eyar-zilberman.jpg"
+  profile-img: '/assets/images/customers/eyar-zilberman.jpg'
   quote: Redash is the right tool to use when creating a new data-related MVP. With Redash, the feedback-loop from customers is faster and simple!

src/data/kb_sections.yml

@@ -5,4 +5,4 @@
 - name: FAQ
   slug: faq
 - name: Open Source & Self Hosted
-  slug: open-source
+  slug: open-source

src/pages/case-studies/bubbleiq/index.jsx

@@ -46,11 +46,7 @@ const BubbleIQPage = ({ location }) => (
                   <th>Industry</th>
                 </tr>
                 <tr>
-                  <td>
-
-                      BubbleIQ
-
-                  </td>
+                  <td>BubbleIQ</td>
                   <td>
                     <img
                       src="/assets/images/customers/fletcher-richman.jpg"
@@ -86,13 +82,10 @@ const BubbleIQPage = ({ location }) => (
           <div className="col-md-8 col-md-push-2">
             <h2>About BubbleIQ</h2>
             <p>
-
-                BubbleIQ
-{' '}
-              helps companies streamline their support workflow by connecting
-              helpdesk systems (Zendesk, Salesforce) to real-time chat tools
-              (Slack, Drift). This allows companies to provide better support
-              and a high-touch relationship with their customers.
+              BubbleIQ helps companies streamline their support workflow by
+              connecting helpdesk systems (Zendesk, Salesforce) to real-time
+              chat tools (Slack, Drift). This allows companies to provide better
+              support and a high-touch relationship with their customers.
             </p>
             <p>
               Fletcher Richman serves as the CEO of BubbleIQ, which three

src/pages/customers/index.jsx

@@ -166,7 +166,10 @@ const CustomersPage = ({
               </div>
 
               <div className="featured-customer">
-                <img src="/assets/images/elements/redash-charts.jpg" width="100%" />
+                <img
+                  src="/assets/images/elements/redash-charts.jpg"
+                  width="100%"
+                />
 
                 <div className="featured-customer--content">
                   <h2>

src/pages/help/index.jsx

@@ -49,7 +49,7 @@ class HelpPage extends React.Component {
             <h1 className="text-center">Knowledge Base</h1>
             <div className="row">
               <div className="col-sm-8 col-sm-offset-2">
-                <form action="" onSubmit={e => e.preventDefault()}>
+                <form action="" onSubmit={(e) => e.preventDefault()}>
                   <div className="form-group form-group--search">
                     <input
                       className="form-control input-lg form-control--white search-box"
@@ -120,7 +120,7 @@ export const categoriesQuery = graphql`
     }
 
     Categories: allMarkdownRemark(
-      sort: [{frontmatter: {order: ASC}}, {frontmatter: {title: ASC}}]
+      sort: [{ frontmatter: { order: ASC } }, { frontmatter: { title: ASC } }]
       filter: {
         fileAbsolutePath: { regex: "/pages/kb/" }
         frontmatter: { layout: { eq: "kb-category" } }

src/pages/integrations/index.jsx

@@ -99,7 +99,7 @@ const IntegrationsPage = ({
 export const cardsQuery = graphql`
   {
     Databases: allMarkdownRemark(
-      sort: {frontmatter: {name: ASC}}
+      sort: { frontmatter: { name: ASC } }
       filter: { fileAbsolutePath: { regex: "/_databases/" } }
     ) {
       edges {
@@ -114,7 +114,7 @@ export const cardsQuery = graphql`
     }
 
     Integrations: allMarkdownRemark(
-      sort: {frontmatter: {name: ASC}}
+      sort: { frontmatter: { name: ASC } }
       filter: { fileAbsolutePath: { regex: "/_integrations/" } }
     ) {
       edges {
@@ -129,7 +129,7 @@ export const cardsQuery = graphql`
     }
 
     Partners: allMarkdownRemark(
-      sort: {frontmatter: {name: ASC}}
+      sort: { frontmatter: { name: ASC } }
       filter: { fileAbsolutePath: { regex: "/_partners/" } }
     ) {
       edges {

src/pages/kb/data-sources/amazon-cloudwatch.md

@@ -6,7 +6,6 @@ slug: amazon-cloudwatch
 toc: true
 ---
 
-
 ## Setup
 
 Redash connects to CloudWatch using the `boto3` client. According to their [documentation](https://boto3.amazonaws.com/v1/documentation/api/latest/guide/quickstart.html) before you can query with Redash...
@@ -26,7 +25,7 @@ Your query text must written in [YAML syntax](https://yaml.org/start.html) (not
 Here's an example that sends two `MetricDataQuery` objects.
 
 ```yaml
-MetricDataQueries: 
+MetricDataQueries:
   - Id: database_connections
     MetricStat:
       Metric:
@@ -41,14 +40,13 @@ MetricDataQueries:
         MetricName: SwapUsage
       Period: 60
       Stat: Maximum
-StartTime: "2020-01-01 00:00:00"
+StartTime: '2020-01-01 00:00:00'
 ```
 
 {% callout info %}
 To query your CloudWatch data with SQL, first pull data using the YAML syntax. Then use QRDS to filter and sort the results
 {% endcallout %}
 
-
 ### Helpful Links
 
 To learn more about the CloudWatch ad-hoc query language you can study the following links.
@@ -62,23 +60,21 @@ To learn more about the CloudWatch ad-hoc query language you can study the follo
 
 These instructions assume you are familiar with the CloudWatch Logs Insights ad-hoc query language. To make exploring your data easier the schema browser will show which **Log Groups** and **@Fields** you can query. Your query text must be written in [YAML Syntax]() (not SQL). Your query can include the following keys:
 
-
-|Key | Type |
-|----|------|
-|`logGroupName`|string|
-|`logGroupNames`|array of strings|
-|`startTime`|integer or timestring|
-|`endTime`|integer or timestring|
-|`queryString`|string|
-|`limit`|integer|
-
+| Key             | Type                  |
+| --------------- | --------------------- |
+| `logGroupName`  | string                |
+| `logGroupNames` | array of strings      |
+| `startTime`     | integer or timestring |
+| `endTime`       | integer or timestring |
+| `queryString`   | string                |
+| `limit`         | integer               |
 
 Your query _must_ include either a `logGroupName` or `logGroupNames`. When you execute the query Redash converts this object into a `start_query()` call. Here is an example query:
 
 ```
 startTime: '2020-01-01 00:00'
 logGroupNames: ['/ecs/rq-adhoc', '/ecs/rq-scheduled', '/ecs/rq-workers-scheduled']
-queryString: 
+queryString:
   filter @message like 'Opened tunnel for <some org id>'
   | parse 'Opened tunnel for <some org id> (<data source id>) with port *' as port
   | fields @timestamp, @logStream
@@ -87,4 +83,4 @@ queryString:
 
 ### Helpful Links
 
-* [Query Syntax](https://boto3.amazonaws.com/v1/documentation/api/latest/reference/services/logs.html#CloudWatchLogs.Client.start_query).
+- [Query Syntax](https://boto3.amazonaws.com/v1/documentation/api/latest/reference/services/logs.html#CloudWatchLogs.Client.start_query).