From 6fe3095149c01f1c35f4baaf600574915ef18fb3 Mon Sep 17 00:00:00 2001
From: emyarod <emyarod@users.noreply.github.com>
Date: Tue, 8 Jun 2021 12:14:35 -0500
Subject: [PATCH] chore: format (#2398)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 src/components/ComponentDemo/ComponentDemo.js | 20 +++++++++----------
 src/data/nav-items.yaml                       |  4 ++--
 src/pages/all-about-carbon/what-is-carbon.mdx | 12 +++++------
 .../developing/angular-tutorial/step-3.mdx    |  4 +++-
 .../developing/angular-tutorial/step-5.mdx    |  8 ++++----
 5 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/components/ComponentDemo/ComponentDemo.js b/src/components/ComponentDemo/ComponentDemo.js
index 8a200ecf2f6..6c4e4f65d53 100644
--- a/src/components/ComponentDemo/ComponentDemo.js
+++ b/src/components/ComponentDemo/ComponentDemo.js
@@ -85,7 +85,7 @@ const ComponentDemo = ({ children, src, scope, noInline, components }) => {
       return currentVariant.props.children;
     });
   };
-  
+
   const labelText = `Live editor for the ${components[0].label} component`;
 
   // TODO max width editor handle multiple clicks use regex for individual props?
@@ -166,15 +166,15 @@ const ComponentDemo = ({ children, src, scope, noInline, components }) => {
 
               <Code links={links} code={code} src={src} className={codeRow}>
                 <label htmlFor="live-editor-label">
-                    <span className="live-editor-label">{labelText}</span>
-                  </label>
-                  <LiveEditor
-                    padding={16}
-                    style={{ overflowX: 'auto', whiteSpace: 'pre' }}
-                    onChange={(updatedCode) => setCode(updatedCode)}
-                    className={editorContainer}
-                    textareaId="live-editor-label"
-                  />
+                  <span className="live-editor-label">{labelText}</span>
+                </label>
+                <LiveEditor
+                  padding={16}
+                  style={{ overflowX: 'auto', whiteSpace: 'pre' }}
+                  onChange={(updatedCode) => setCode(updatedCode)}
+                  className={editorContainer}
+                  textareaId="live-editor-label"
+                />
               </Code>
               {knobs && (
                 <>
diff --git a/src/data/nav-items.yaml b/src/data/nav-items.yaml
index 4eb9998fa19..4d00441184a 100644
--- a/src/data/nav-items.yaml
+++ b/src/data/nav-items.yaml
@@ -198,8 +198,8 @@
       path: /patterns/overflow-content/
     - title: Search
       path: /patterns/search-pattern/
-#    - title: Status indicators
-#      path: /patterns/status-indicator-pattern/
+    #    - title: Status indicators
+    #      path: /patterns/status-indicator-pattern/
     - title: Text toolbar
       path: /patterns/text-toolbar-pattern/
 - title: Community assets
diff --git a/src/pages/all-about-carbon/what-is-carbon.mdx b/src/pages/all-about-carbon/what-is-carbon.mdx
index e93210d25b0..029ad2044b4 100755
--- a/src/pages/all-about-carbon/what-is-carbon.mdx
+++ b/src/pages/all-about-carbon/what-is-carbon.mdx
@@ -28,17 +28,17 @@ community of contributors.
 
 A design system is a collection of pre-built, reusable assets—components,
 patterns, guidance, and code—that allows its users to build consistent digital
-experiences faster. By using the pre-built and universal assets of Carbon, the time teams spend
-designing and building is minimized. Instead of building and re-building basic
-elements, they can spend that time customizing their products to address
-specific client use cases.
+experiences faster. By using the pre-built and universal assets of Carbon, the
+time teams spend designing and building is minimized. Instead of building and
+re-building basic elements, they can spend that time customizing their products
+to address specific client use cases.
 
 ### Carbon is open source
 
 Carbon is funded and built by IBM, which means we build for the company’s
 business needs, but we’ve made it open source for anyone to use and contribute
-back to. While being primarily open source, Carbon also serves various parts of the IBM
-business that follow an inner source model.
+back to. While being primarily open source, Carbon also serves various parts of
+the IBM business that follow an inner source model.
 
 ## How Carbon works
 
diff --git a/src/pages/developing/angular-tutorial/step-3.mdx b/src/pages/developing/angular-tutorial/step-3.mdx
index f12c1964862..c6f9095296b 100644
--- a/src/pages/developing/angular-tutorial/step-3.mdx
+++ b/src/pages/developing/angular-tutorial/step-3.mdx
@@ -401,7 +401,9 @@ the data table rows.
 
 ```javascript path=src/app/repositories/repo-table/repo-table.component.ts
 // If we're here, we've got our data!
-this.model.data = this.prepareData(response.data.organization.repositories.nodes);
+this.model.data = this.prepareData(
+  response.data.organization.repositories.nodes
+);
 ```
 
 Then, in `ngOnInit()` delete the static rows since we no longer need them.
diff --git a/src/pages/developing/angular-tutorial/step-5.mdx b/src/pages/developing/angular-tutorial/step-5.mdx
index 994629e83ec..6a027b6c1c7 100644
--- a/src/pages/developing/angular-tutorial/step-5.mdx
+++ b/src/pages/developing/angular-tutorial/step-5.mdx
@@ -152,10 +152,10 @@ first.
 npm run build
 ```
 
-Looking at `package.json`, you'll find `ng build`. This
-builds the app for production to the `dist` folder. It bundles Angular in
-production mode and optimizes the build for the best performance. It even goes
-so far to minify files and include hashes in filenames for caching.
+Looking at `package.json`, you'll find `ng build`. This builds the app for
+production to the `dist` folder. It bundles Angular in production mode and
+optimizes the build for the best performance. It even goes so far to minify
+files and include hashes in filenames for caching.
 
 As a lot of this may seem like magic since the build configuration came from
 Create React App, go ahead and check out their