fix(plugins/plugin-client-common): wizard steps with no code blocks have blank area

starpit · starpit · commit 6975eb598fbf · 2022-02-14T20:11:45.000-05:00
For the empty MiniProgressStepper
diff --git a/plugins/plugin-client-common/src/components/Content/Markdown/components/Wizard/index.tsx b/plugins/plugin-client-common/src/components/Content/Markdown/components/Wizard/index.tsx
@@ -143,7 +143,7 @@ export default class Wizard extends React.PureComponent<Props, State> {
 
   private wizardCodeBlockSteps(stepIdx: number) {
     const containedCodeBlocks = this.state.codeBlocksPerStep[stepIdx]
-    return containedCodeBlocks && <MiniProgressStepper steps={containedCodeBlocks} />
+    return containedCodeBlocks && containedCodeBlocks.length > 0 && <MiniProgressStepper steps={containedCodeBlocks} />
   }
 
   private wizardStepDescription(stepIdx: number, description: string) {

Original file line number	Diff line number	Diff line change
`@@ -143,7 +143,7 @@ export default class Wizard extends React.PureComponent<Props, State> {`
`143`	`143`
`144`	`144`	`private wizardCodeBlockSteps(stepIdx: number) {`
`145`	`145`	`const containedCodeBlocks = this.state.codeBlocksPerStep[stepIdx]`
`146`		`- return containedCodeBlocks && <MiniProgressStepper steps={containedCodeBlocks} />`
	`146`	`+ return containedCodeBlocks && containedCodeBlocks.length > 0 && <MiniProgressStepper steps={containedCodeBlocks} />`
`147`	`147`	`}`
`148`	`148`
`149`	`149`	`private wizardStepDescription(stepIdx: number, description: string) {`