Merge 19c61ff into 632370c

kubeflow · Dec 4, 2018 · dbe0240 · dbe0240
2 parents 632370c + 19c61ff
commit dbe0240
Show file tree

Hide file tree

Showing 5 changed files with 16,816 additions and 70 deletions.
diff --git a/frontend/src/components/CollapseButton.tsx b/frontend/src/components/CollapseButton.tsx
@@ -42,19 +42,24 @@ interface CollapseButtonProps {
   sectionName: string;
 }
 
-export default (props: CollapseButtonProps) => {
-  const collapseSections = props.compareComponent.state.collapseSections;
-  const sectionName = props.sectionName;
-  return <div>
-    <Button onClick={() => {
-      collapseSections[sectionName] = !collapseSections[sectionName];
-      props.compareComponent.setState({ collapseSections });
-    }} title='Expand/Collapse this section' className={css.collapseBtn}>
-      <ExpandedIcon className={classes(
-        css.icon,
-        collapseSections[sectionName] ? css.collapsed : '',
-      )} />
-      {sectionName}
-    </Button>
-  </div>;
-};
+class CollapseButton extends React.Component<CollapseButtonProps> {
+
+  public render(): JSX.Element {
+    const collapseSections = this.props.compareComponent.state.collapseSections;
+    const sectionName = this.props.sectionName;
+    return <div>
+      <Button onClick={() => {
+        collapseSections[sectionName] = !collapseSections[sectionName];
+        this.props.compareComponent.setState({ collapseSections });
+      }} title='Expand/Collapse this section' className={css.collapseBtn}>
+        <ExpandedIcon className={classes(
+          css.icon,
+          collapseSections[sectionName] ? css.collapsed : '',
+        )} />
+        {sectionName}
+      </Button>
+    </div>;
+  }
+}
+
+export default CollapseButton;