diff --git a/app/src/components/model/panels/bottom/BottomPanel.js b/app/src/components/model/panels/bottom/BottomPanel.js index 7596f04a..ea89fbe3 100644 --- a/app/src/components/model/panels/bottom/BottomPanel.js +++ b/app/src/components/model/panels/bottom/BottomPanel.js @@ -43,7 +43,7 @@ export function BottomPanel() { const successRatio = validationResults.length === 0 ? 0 - : Number((passedResults.length / validationResults.length)); + : Number(passedResults.length / validationResults.length); if (tab === 0) { // TAB.ALL diff --git a/app/src/components/model/tutorial/Tutorial.js b/app/src/components/model/tutorial/Tutorial.js index 3e4cd99b..116c6b0c 100644 --- a/app/src/components/model/tutorial/Tutorial.js +++ b/app/src/components/model/tutorial/Tutorial.js @@ -162,7 +162,8 @@ const CreateComponent = () => ( const ComponentTab = () => ( <> - When you select a component you'll notice the left panel changes to show the component tab. + When you select a component you'll notice the left panel changes to show + the component tab. The component tab contain input fields for specifying component specific @@ -642,8 +643,7 @@ const steps = [ body: ComponentSelection, highlighted: ["#diagram-container"], position: "flex-start", - nextCondition: (state) => - !!state.selectedComponent, + nextCondition: (state) => !!state.selectedComponent, }, { title: "Right panel tabs",