From 92a0cbb2f07be3faf9ff39c3fcb3a1ae686ea45d Mon Sep 17 00:00:00 2001
From: Nikita Karpukhin <nikita.karpukhin@scout24.com>
Date: Fri, 4 Nov 2022 18:08:45 +0100
Subject: [PATCH] Fix style in README.md

Signed-off-by: Nikita Karpukhin <nikita.karpukhin@scout24.com>
---
 plugins/user-settings/README.md | 42 +++++++++++++--------------------
 1 file changed, 17 insertions(+), 25 deletions(-)

diff --git a/plugins/user-settings/README.md b/plugins/user-settings/README.md
index ce435ee3ce..c1b50710f4 100644
--- a/plugins/user-settings/README.md
+++ b/plugins/user-settings/README.md
@@ -18,30 +18,26 @@ for installation instructions.
 
 Add the item to the Sidebar:
 
-```ts
+```tsx
 import {Settings as SidebarSettings} from '@backstage/plugin-user-settings';
 
 <SidebarPage>
   <Sidebar>
-    <SidebarSettings / >
-</Sidebar>
+    <SidebarSettings/>
+  </Sidebar>
 < /SidebarPage>;
 ```
 
 Add the page to the App routing:
 
-```ts
-import {UserSettingsPage} from '@backstage/plugin-user-settings';
+```tsx
+import { UserSettingsPage } from '@backstage/plugin-user-settings';
 
 const AppRoutes = () => (
   <Routes>
-    <Route path = "/settings"
-element = { < UserSettingsPage / >
-}
-/>
-< /Routes>
-)
-;
+    <Route path="/settings" element={<UserSettingsPage />} />
+  </Routes>
+);
 ```
 
 ### Props
@@ -53,26 +49,22 @@ displayed in the "Authentication Providers" tab.
 
 If you want to supply your own custom list of Authentication Providers, use the `providerSettings` prop:
 
-```ts
+```tsx
 const MyAuthProviders = () => (
   <ListItem>
-    <ListItemText primary = "example" / >
-    <ListItemSecondaryAction>{someAction} < /ListItemSecondaryAction>
-    < /ListItem>
+    <ListItemText primary="example" />
+    <ListItemSecondaryAction>{someAction} </ListItemSecondaryAction>
+  </ListItem>
 );
 
 const AppRoutes = () => (
   <Routes>
     <Route
-      path = "/settings"
-element = { < SettingsRouter
-providerSettings = { < MyAuthProviders / >
-}
-/>}
-/>
-< /Routes>
-)
-;
+      path="/settings"
+      element={<SettingsRouter providerSettings={<MyAuthProviders />} />}
+    />
+  </Routes>
+);
 ```
 
 > **Note that the list of providers expects to be rendered within a MUI [`<List>`](https://material-ui.com/components/lists/)**