Fix eslint warnings and errors

src/components/SideBar.js

@@ -24,9 +24,10 @@ export type SideBarProps = {
 export type SideBarState = {
 };
 
-class SideBar extends React.PureComponent<SideBarProps & Classes, SideBarState>
-{
-  constructor(props: SideBarProps & Classes) {
+type Props = SideBarProps & Classes;
+
+class SideBar extends React.PureComponent<Props, SideBarState> {
+  constructor(props: Props) {
     super(props);
   }
 

src/components/TopBar.js

@@ -16,7 +16,7 @@ export type TopBarState = {
 };
 
 export default class TopBar
-    extends React.PureComponent<TopBarProps, TopBarState> {
+  extends React.PureComponent<TopBarProps, TopBarState> {
   constructor(props: TopBarProps) {
     super(props);
   }

src/components/UiItemList/UiItem.js

@@ -31,7 +31,7 @@ type UiItemProps<I> = {
 
 // eslint-disable-next-line flowtype/no-weak-types
 export default class UiItem<I:Object>
-    extends React.PureComponent<UiItemProps<I>> {
+  extends React.PureComponent<UiItemProps<I>> {
   constructor(props: UiItemProps<I>) {
     super(props);
   }

src/components/UiItemList/index.js

@@ -7,7 +7,7 @@ import { renderIcon } from "config/icon";
 import type { ControlUI } from "config/flowtypes";
 
 import { Toggle, DropDown, Link,
-        Section, Text, Progress, Slider } from "./UiItem";
+  Section, Text, Progress, Slider } from "./UiItem";
 
 export type UiItemListProps = {
   controls: Array<ControlUI>,