Fixed formatting for some of the files

scm-ui-components/packages/ui-components/src/Help.js

@@ -11,7 +11,7 @@ const styles = {
     float: "left",
     paddingLeft: "3px",
     float: "right"
-}
+  }
 };
 
 type Props = {
@@ -24,9 +24,13 @@ class Help extends React.Component<Props> {
     const { message, classes } = this.props;
     const multiline = message.length > 60 ? "is-tooltip-multiline" : "";
     return (
-        <div className={classNames("tooltip is-tooltip-right", multiline, classes.q)}
+      <div
-             data-tooltip={message}>
+        className={classNames("tooltip is-tooltip-right", multiline, classes.q)}
-        <i className={classNames("fa fa-question has-text-info", classes.img)}></i>
+        data-tooltip={message}
+      >
+        <i
+          className={classNames("fa fa-question has-text-info", classes.img)}
+        />
       </div>
     );
   }

scm-ui-components/packages/ui-components/src/LabelWithHelpIcon.js

@@ -1,6 +1,6 @@
 //@flow
 import React from "react";
-import {Help} from "./index";
+import { Help } from "./index";
 
 type Props = {
   label: string,
@@ -8,7 +8,6 @@ type Props = {
 };
 
 class LabelWithHelpIcon extends React.Component<Props> {
-
   renderLabel = () => {
     const label = this.props.label;
     if (label) {
@@ -19,35 +18,28 @@ class LabelWithHelpIcon extends React.Component<Props> {
 
   renderHelp = () => {
     const helpText = this.props.helpText;
-    if(helpText){
+    if (helpText) {
       return (
         <div className="control columns is-vcentered">
           <Help message={helpText} />
-        </div>);
+        </div>
-    }
+      );
-    else
+    } else return null;
-      return null;
   };
 
   renderLabelWithHelpIcon = () => {
-    if(this.props.label){
+    if (this.props.label) {
-      return(
+      return (
         <div className="field is-grouped">
-        <div className="control">
+          <div className="control">{this.renderLabel()}</div>
-          {this.renderLabel()}
-        </div>
           {this.renderHelp()}
         </div>
-      )
+      );
-    }
+    } else return null;
-    else
-      return null;
   };
 
   render() {
-    return (
+    return this.renderLabelWithHelpIcon();
-      this.renderLabelWithHelpIcon()
-    );
   }
 }
 

scm-ui-components/packages/ui-components/src/forms/AddEntryToTableField.js

@@ -26,7 +26,13 @@ class AddEntryToTableField extends React.Component<Props, State> {
   }
 
   render() {
-    const { disabled, buttonLabel, fieldLabel, errorMessage, helpText} = this.props;
+    const {
+      disabled,
+      buttonLabel,
+      fieldLabel,
+      errorMessage,
+      helpText
+    } = this.props;
     return (
       <div className="field">
         <InputField

scm-ui-components/packages/ui-components/src/forms/Checkbox.js

@@ -1,6 +1,6 @@
 //@flow
 import React from "react";
-import {Help} from "../index";
+import { Help } from "../index";
 
 type Props = {
   label?: string,
@@ -18,14 +18,13 @@ class Checkbox extends React.Component<Props> {
 
   renderHelp = () => {
     const helpText = this.props.helpText;
-    if(helpText){
+    if (helpText) {
       return (
         <div className="control columns is-vcentered">
           <Help message={helpText} />
-        </div>);
+        </div>
-    }
+      );
-    else
+    } else return null;
-      return null;
   };
 
   render() {

scm-ui-components/packages/ui-components/src/forms/InputField.js

@@ -1,7 +1,7 @@
 //@flow
 import React from "react";
 import classNames from "classnames";
-import {LabelWithHelpIcon} from "../index";
+import { LabelWithHelpIcon } from "../index";
 
 type Props = {
   label?: string,
@@ -65,10 +65,7 @@ class InputField extends React.Component<Props> {
     );
     return (
       <div className="field">
-          <LabelWithHelpIcon
+        <LabelWithHelpIcon label={label} helpText={helpText} />
-            label={label}
-            helpText={helpText}
-          />
         <div className="control">
           <input
             ref={input => {

scm-ui-components/packages/ui-components/src/forms/Select.js

@@ -1,6 +1,6 @@
 //@flow
 import React from "react";
-import {LabelWithHelpIcon} from "../index";
+import { LabelWithHelpIcon } from "../index";
 
 export type SelectItem = {
   value: string,
@@ -35,10 +35,7 @@ class Select extends React.Component<Props> {
 
     return (
       <div className="field">
-        <LabelWithHelpIcon
+        <LabelWithHelpIcon label={label} helpText={helpText} />
-          label={label}
-          helpText={helpText}
-        />
         <div className="control select">
           <select
             ref={input => {

scm-ui-components/packages/ui-components/src/forms/Textarea.js

@@ -1,6 +1,6 @@
 //@flow
 import React from "react";
-import {LabelWithHelpIcon} from "../index";
+import { LabelWithHelpIcon } from "../index";
 
 export type SelectItem = {
   value: string,
@@ -27,10 +27,7 @@ class Textarea extends React.Component<Props> {
 
     return (
       <div className="field">
-        <LabelWithHelpIcon
+        <LabelWithHelpIcon label={label} helpText={helpText} />
-          label={label}
-          helpText={helpText}
-        />
         <div className="control">
           <textarea
             className="textarea"

scm-ui-components/packages/ui-components/src/index.js

@@ -19,11 +19,8 @@ export { default as ProtectedRoute } from "./ProtectedRoute.js";
 export { default as Help } from "./Help.js";
 export { default as LabelWithHelpIcon } from "./LabelWithHelpIcon.js";
 
-
 export { apiClient, NOT_FOUND_ERROR, UNAUTHORIZED_ERROR } from "./apiclient.js";
 
-
-
 export * from "./buttons";
 export * from "./forms";
 export * from "./layout";