From cc38c64bfd6184a97136613cc19a680964d29993 Mon Sep 17 00:00:00 2001
From: joshwooding <12938082+joshwooding@users.noreply.github.com>
Date: Sun, 26 Jul 2020 18:01:08 +0100
Subject: [PATCH] prettier

---
 .../components/tree-view/DisabledTreeItems.js | 48 +++++++++----------
 .../pages/components/tree-view/tree-view.md   |  2 +-
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/docs/src/pages/components/tree-view/DisabledTreeItems.js b/docs/src/pages/components/tree-view/DisabledTreeItems.js
index 12913f02632a19..729631f5b7e2a6 100644
--- a/docs/src/pages/components/tree-view/DisabledTreeItems.js
+++ b/docs/src/pages/components/tree-view/DisabledTreeItems.js
@@ -15,7 +15,7 @@ const useStyles = makeStyles((theme) => ({
   },
   actions: {
     marginBottom: theme.spacing(1),
-  }
+  },
 }));
 
 export default function FileSystemNavigator() {
@@ -23,7 +23,7 @@ export default function FileSystemNavigator() {
   const [focusDisabledItems, setFocusDisabledItems] = React.useState(false);
   const handleToggle = (event) => {
     setFocusDisabledItems(event.target.checked);
-  }
+  };
 
   return (
     <div className={classes.root}>
@@ -39,30 +39,30 @@ export default function FileSystemNavigator() {
           label="Focus disabled items"
         />
       </div>
-    <TreeView
-      defaultCollapseIcon={<ExpandMoreIcon />}
-      defaultExpandIcon={<ChevronRightIcon />}
-      disabledItemsFocusable={focusDisabledItems}
-      multiSelect
-    >
-      <TreeItem nodeId="1" label="One">
-        <TreeItem nodeId="2" label="Two" />
-        <TreeItem nodeId="3" label="Three" />
-        <TreeItem nodeId="4" label="Four" />
-      </TreeItem>
-      <TreeItem nodeId="5" label="Five" disabled>
-        <TreeItem nodeId="6" label="Six" />
-      </TreeItem>
-      <TreeItem nodeId="7" label="Seven">
-        <TreeItem nodeId="8" label="Eight" />
-        <TreeItem nodeId="9" label="Nine">
-          <TreeItem nodeId="10" label="Ten">
-            <TreeItem nodeId="11" label="Eleven" />
-            <TreeItem nodeId="12" label="Twelve" />
+      <TreeView
+        defaultCollapseIcon={<ExpandMoreIcon />}
+        defaultExpandIcon={<ChevronRightIcon />}
+        disabledItemsFocusable={focusDisabledItems}
+        multiSelect
+      >
+        <TreeItem nodeId="1" label="One">
+          <TreeItem nodeId="2" label="Two" />
+          <TreeItem nodeId="3" label="Three" />
+          <TreeItem nodeId="4" label="Four" />
+        </TreeItem>
+        <TreeItem nodeId="5" label="Five" disabled>
+          <TreeItem nodeId="6" label="Six" />
+        </TreeItem>
+        <TreeItem nodeId="7" label="Seven">
+          <TreeItem nodeId="8" label="Eight" />
+          <TreeItem nodeId="9" label="Nine">
+            <TreeItem nodeId="10" label="Ten">
+              <TreeItem nodeId="11" label="Eleven" />
+              <TreeItem nodeId="12" label="Twelve" />
+            </TreeItem>
           </TreeItem>
         </TreeItem>
-      </TreeItem>
-    </TreeView>
+      </TreeView>
     </div>
   );
 }
diff --git a/docs/src/pages/components/tree-view/tree-view.md b/docs/src/pages/components/tree-view/tree-view.md
index d99f7c0efdfbc7..6e45e84e5d41eb 100644
--- a/docs/src/pages/components/tree-view/tree-view.md
+++ b/docs/src/pages/components/tree-view/tree-view.md
@@ -61,7 +61,7 @@ const data = {
 
 {{"demo": "pages/components/tree-view/DisabledTreeItems.js"}}
 
-The behaviour of disabled tree items depends on the `disabledItemsFocusable` prop. 
+The behaviour of disabled tree items depends on the `disabledItemsFocusable` prop.
 
 If it is false: