From 6977c326318bd7af2b0b043c4bed8307ff4b64d7 Mon Sep 17 00:00:00 2001
From: Mohammad Amin <35834754+mohammadamin16@users.noreply.github.com>
Date: Sun, 14 May 2023 00:39:16 +0330
Subject: [PATCH] style: Removes extra spaces (#6558)

Co-authored-by: dwelle <luzar.david@gmail.com>
---
 .../excalidraw/api/children-components/footer.mdx     |  1 -
 .../excalidraw/api/children-components/main-menu.mdx  |  4 +---
 .../@excalidraw/excalidraw/api/props/render-props.mdx | 11 ++++-------
 src/components/App.tsx                                |  2 +-
 src/excalidraw-app/collab/RoomDialog.tsx              |  2 +-
 src/packages/excalidraw/example/App.tsx               |  3 +--
 src/packages/excalidraw/example/CustomFooter.tsx      |  3 +--
 .../excalidraw/example/sidebar/ExampleSidebar.tsx     |  2 +-
 .../packages/__snapshots__/excalidraw.test.tsx.snap   |  1 -
 src/tests/packages/excalidraw.test.tsx                |  2 --
 10 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
index 26268189..cdd5ea5a 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx
@@ -16,7 +16,6 @@ function App() {
             className="custom-footer"
             onClick={() => alert("This is dummy footer")}
           >
-            {" "}
             custom footer
           </button>
         </Footer>
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
index 8fbf228d..2494df10 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx
@@ -14,8 +14,7 @@ function App() {
             Item1
           </MainMenu.Item>
           <MainMenu.Item onSelect={() => window.alert("Item2")}>
-            {" "}
-            Item 2{" "}
+            Item 2
           </MainMenu.Item>
         </MainMenu>
       </Excalidraw>
@@ -93,7 +92,6 @@ function App() {
               style={{ height: "2rem" }}
               onClick={() => window.alert("custom menu item")}
             >
-              {" "}
               custom item
             </button>
           </MainMenu.ItemCustom>
diff --git a/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
index ca329e3e..6531e29e 100644
--- a/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
+++ b/dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx
@@ -3,7 +3,7 @@
 ## renderTopRightUI
 
 <pre>
-  (isMobile: boolean, appState:{" "}
+  (isMobile: boolean, appState:
   <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">
     AppState
   </a>
@@ -29,8 +29,7 @@ function App() {
               }}
               onClick={() => window.alert("This is dummy top right UI")}
             >
-              {" "}
-              Click me{" "}
+              Click me
             </button>
           );
         }}
@@ -55,8 +54,7 @@ function App() {
       <Excalidraw
         renderCustomStats={() => (
           <p style={{ color: "#70b1ec", fontWeight: "bold" }}>
-            {" "}
-            Dummy stats will be shown here{" "}
+            Dummy stats will be shown here
           </p>
         )}
       />
@@ -105,8 +103,7 @@ function App() {
   return (
     <div style={{ height: "500px" }}>
       <button className="custom-button" onClick={() => excalidrawAPI.toggleMenu("customSidebar")}>
-        {" "}
-        Toggle Custom Sidebar{" "}
+        Toggle Custom Sidebar
       </button>
       <Excalidraw
         UIOptions={{ dockedSidebarBreakpoint: 100 }}
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 02e317f7..752854e9 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -661,7 +661,7 @@ class App extends React.Component<AppProps, AppState> {
                         )}
                         <main>{this.renderCanvas()}</main>
                       </ExcalidrawActionManagerContext.Provider>
-                    </ExcalidrawElementsContext.Provider>{" "}
+                    </ExcalidrawElementsContext.Provider>
                   </ExcalidrawAppStateContext.Provider>
                 </ExcalidrawSetAppStateContext.Provider>
               </DeviceContext.Provider>
diff --git a/src/excalidraw-app/collab/RoomDialog.tsx b/src/excalidraw-app/collab/RoomDialog.tsx
index 50f586ef..42c12330 100644
--- a/src/excalidraw-app/collab/RoomDialog.tsx
+++ b/src/excalidraw-app/collab/RoomDialog.tsx
@@ -154,7 +154,7 @@ const RoomDialog = ({
             <p>
               <span role="img" aria-hidden="true" className="RoomDialog-emoji">
                 {"🔒"}
-              </span>{" "}
+              </span>
               {t("roomDialog.desc_privacy")}
             </p>
             <p>{t("roomDialog.desc_exitSession")}</p>
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index 85993a68..3a0634e6 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -161,8 +161,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
           onClick={() => alert("This is an empty top right UI")}
           style={{ height: "2.5rem" }}
         >
-          {" "}
-          Click me{" "}
+          Click me
         </button>
       </>
     );
diff --git a/src/packages/excalidraw/example/CustomFooter.tsx b/src/packages/excalidraw/example/CustomFooter.tsx
index fbc2ea73..5c47de6c 100644
--- a/src/packages/excalidraw/example/CustomFooter.tsx
+++ b/src/packages/excalidraw/example/CustomFooter.tsx
@@ -65,8 +65,7 @@ const CustomFooter = ({
         className="custom-footer"
         onClick={() => alert("This is dummy footer")}
       >
-        {" "}
-        custom footer{" "}
+        custom footer
       </button>
     </>
   );
diff --git a/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx b/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
index 793d17b0..4c51ecdc 100644
--- a/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
+++ b/src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx
@@ -11,7 +11,7 @@ export default function Sidebar({ children }: { children: React.ReactNode }) {
         </button>
         <div className="sidebar-links">
           <button>Empty Home</button>
-          <button>Empty About</button>{" "}
+          <button>Empty About</button>
         </div>
       </div>
       <div className={`${open ? "sidebar-open" : ""}`}>
diff --git a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
index 09402981..d703dff8 100644
--- a/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
+++ b/src/tests/packages/__snapshots__/excalidraw.test.tsx.snap
@@ -43,7 +43,6 @@ exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items
       <button
         style="height: 2rem;"
       >
-         
         custom menu item
       </button>
     </div>
diff --git a/src/tests/packages/excalidraw.test.tsx b/src/tests/packages/excalidraw.test.tsx
index a0d49593..a5734b2e 100644
--- a/src/tests/packages/excalidraw.test.tsx
+++ b/src/tests/packages/excalidraw.test.tsx
@@ -220,7 +220,6 @@ describe("<Excalidraw/>", () => {
                   style={{ height: "2rem" }}
                   onClick={() => window.alert("custom menu item")}
                 >
-                  {" "}
                   custom item
                 </button>
               </MainMenu.ItemCustom>
@@ -345,7 +344,6 @@ describe("<Excalidraw/>", () => {
                 style={{ height: "2rem" }}
                 onClick={() => window.alert("custom menu item")}
               >
-                {" "}
                 custom menu item
               </button>
             </MainMenu.ItemCustom>