Clarify example

Signed-off-by: Adam Harvey <adaharve@cisco.com>
2021-04-15 14:41:10 -04:00
parent 1c1dc8ac28
commit 2c1fc4969c
1 changed files with 15 additions and 10 deletions
@@ -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