doc: fix platformsh frontend plugin readme

axelerant · Sep 16, 2024 · e020b6e · e020b6e
1 parent 5b5de9f
commit e020b6e
Showing 1 changed file with 21 additions and 14 deletions.
diff --git a/plugins/platformsh/README.md b/plugins/platformsh/README.md
@@ -80,17 +80,24 @@ To get the Platform.sh component working, follow these steps:
 
 To display the tab only for entities where `platform.sh/project-id: <project-id>` is available, the plugin provides a conditional export `isPlatformshAvailable`.
 
-    ```ts
-    // At the top imports
-    import { EntityPlatformshContents, isPlatformshAvailable } from '@axelerant/backstage-plugin-platformsh';
-
-    // Add the tab conditionally based on annotation availability
-    const serviceEntityPage = (
-      <EntityLayout>
-        {/* other tabs... */}
-        <EntityLayout.Route path="/platformsh" title="Platform.sh" if={isPlatformshAvailable}>
-          <EntityPlatformshContents />
-        </EntityLayout.Route>
-      </EntityLayout>
-    );
-    ```
+```ts
+// At the top imports
+import {
+  EntityPlatformshContents,
+  isPlatformshAvailable,
+} from '@axelerant/backstage-plugin-platformsh';
+
+// Add the tab conditionally based on annotation availability
+const serviceEntityPage = (
+  <EntityLayout>
+    {/* other tabs... */}
+    <EntityLayout.Route
+      path="/platformsh"
+      title="Platform.sh"
+      if={isPlatformshAvailable}
+    >
+      <EntityPlatformshContents />
+    </EntityLayout.Route>
+  </EntityLayout>
+);
+```