Make help row class name consistent when inline or not [#153568314]

Signed-off-by: Jonathan Berney <jberney@pivotal.io>
pivotal-cf · Dec 11, 2017 · 454e248 · 454e248
1 parent 705ffd2
commit 454e248
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/react/forms/form-unit.js b/src/react/forms/form-unit.js
@@ -71,8 +71,9 @@ export class FormUnit extends React.Component {
       );
 
     const fieldRow = field && (inline ? field : <div className="field-row" key="field-row">{field}</div>);
-    const helpRow = hideHelpRow || ( inline ? help :
-      <div className={classnames('help-row', {'type-dark-5': !hasError})} key="help-row">{help}</div>);
+    const helpRowClassName = classnames('help-row', {'type-dark-5': !hasError});
+    const helpRow = hideHelpRow || (inline ? help :
+        <div className={helpRowClassName} key="help-row">{help}</div>);
 
     const sections = labelPosition === 'after' ? [fieldRow, labelRow] : [labelRow, fieldRow];
 
@@ -88,7 +89,7 @@ export class FormUnit extends React.Component {
           }}>{col}</FlexCol>)}
         </Grid>,
         <Grid key="bottom">
-          <FlexCol className="help-row">
+          <FlexCol className={helpRowClassName}>
             {helpRow}
           </FlexCol>
         </Grid>]