From 274fb80198a98ad7818370e043bdb64e1b2c3520 Mon Sep 17 00:00:00 2001
From: Adam Harvey <adaharve@cisco.com>
Date: Thu, 15 Apr 2021 14:41:10 -0400
Subject: [PATCH] Clarify example

Signed-off-by: Adam Harvey <adaharve@cisco.com>
Signed-off-by: Brett Wright <wright.brett@gmail.com>
---
 .../configure-app-with-plugins.md             | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/docs/getting-started/configure-app-with-plugins.md b/docs/getting-started/configure-app-with-plugins.md
index 428f768a82..b2f3a37d90 100644
--- a/docs/getting-started/configure-app-with-plugins.md
+++ b/docs/getting-started/configure-app-with-plugins.md
@@ -36,17 +36,22 @@ export { plugin as CircleCi } from '@backstage/plugin-circleci';
 
 3. Register the plugin in the entity pages:
 
-```jsx
-// packages/app/src/components/catalog/EntityPage.tsx
-import {
-  EntityCircleCIContent,
-  isCircleCIAvailable,
-} from '@backstage/plugin-circleci';
+```diff
+ // packages/app/src/components/catalog/EntityPage.tsx
++import {
++  EntityCircleCIContent,
++  isCircleCIAvailable,
++} from '@backstage/plugin-circleci';
 
-// Then somewhere inside <EntityPageLayout>
-<EntitySwitch.Case if={isCircleCIAvailable}>
-  <EntityCircleCIContent />
-</EntitySwitch.Case>;
+...
+ const cicdContent = (
+   <EntitySwitch>
+     ...
++     <EntitySwitch.Case if={isCircleCIAvailable}>
++       <EntityCircleCIContent />
++     </EntitySwitch.Case>;
+   </EntitySwitch>
+ );
 ```
 
 This is just one example, but each Backstage instance may integrate content or